我可以在sails.js 資產目錄中輕松運行vue.js webapp 嗎？

Question

我正在學習如何使用Sails.js和vue.js。 所以我正在嘗試開發一個小應用程序，其中有一個 vue.js 應用程序位於sails.js 的assets/目錄中。 這個想法是用同一台服務器（命令Sails Lift ）為兩個應用程序提供服務，但我在讓它工作時遇到了一些麻煩。

原因是因為sails服務器可以服務我vue app的index文件（assets/web/dist/index.html），但是其他vue資源會404，因為我的vue index.html文件會要求localhost:1337這樣的地址/static/etc而不是localhost:1337/web/dist/static/etc 。

所以我可以讓它在assets/web （我的 vue 目錄）中運行npm run-script build並在我的 assets 目錄中創建一個assets/web/dist的副本。 通過這種方式，我的 vue 應用程序由sails.js 開發服務器提供服務。 但是每次更改某些內容時，我都必須“編譯”vue 並復制它。 這對生產來說很好，但對開發來說很糟糕。

是否有一些簡單的方法可以僅使用一個開發服務器來開發此應用程序，還是應該將它們拆分為兩個應用程序並分別為它們提供服務（在開發環境中）？

我使用的是sails v1.0.2 和最新的bootstrap-vue（目前是bootstrap ^4.0.0-beta.2 和vue ^2.5.2）

（它可以在https://github.com/lampsbr/projetao 中找到）

Answer 1

您應該拆分它，例如frontend / backend目錄，並且最好為兩台服務器設置不同的終端會話，否則可能會變得混亂。 在我使用 Vue.js 和 Sails.js 的示例項目中，仍然可以同時啟動兩者。 但這僅適用於非常快速的更改。

這就是我在package.json做法：

"scripts": {
    "dev": "cd backend && npm run dev & cd frontend && npm run dev",
    "install": "cd frontend && npm i && cd ../backend && npm i && cd .."
},

你只需要在生產時編譯你的 Vue.js 應用程序，正如你提到的，它會被推送到 Sails.js 的assets目錄中。 也就是說，只有您編譯的 Vue.js 應用程序應該位於您的資產目錄中，沒有源文件！

另一種常見的方法是在您的 Sails.js 目錄中有一個client目錄。