javascript - 我可以在 sails.js Assets 目录中轻松运行 vue.js webapp 吗？

Question

我正在学习如何使用 Sails.js 和 vue.js。所以我正在尝试开发一个小应用程序，其中有一个 vue.js 应用程序位于 sails.js 的 assets/ 目录中。我的想法是用同一台服务器为两个应用程序提供服务(命令 sails lift)，但我在让它工作时遇到了一些麻烦。

原因是因为 sails 服务器可以为我的 vue 应用程序 (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/web/的副本dist 在我的 Assets 目录中。这样我的 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

你应该拆分它，e。 G。 frontend/backend 目录，最好为两个服务器设置不同的终端 session ，否则可能会变得困惑。在我的 example project使用 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 应用程序应该位于你的 Assets 目录中，没有源文件!

另一种常见的方法是在 Sails.js 目录中有一个 client 目录。