单个Heroku容器中Vue.JS + Node.js后端的最佳实践？

Question

This blog post I found today显示了类似React的内容。他从节点项目开始，然后在其中创建子文件夹中的react项目。加上一些代理配置的东西。

大约10天前我并不聪明，但这就是我为Vue做的事情。

1. 创建了Vue项目
2. 为生产而构建
3. 在Vue构建过程创建的dist文件夹中添加了package.json和server.js
4. package.json包含以下两行："postinstall": "npm install express"和"start": "node server.js"

瞧瞧！ Express在内部监听8081（但是Heroku转换为80/443），我可以从Node后端的Vue前端得到响应。因此从技术上讲，它可行。但是我觉得这不是一个很好的解决方案。有点凌乱，闻起来像是拼命的骇客和修补。

当然，关键是要避免使用两个不同的Heroku吊舱进行本来很小却几乎没有重量的个人项目。一个用于前端部分，一个用于后端部分。

你能告诉我什么更好的东西吗？

Answer 1

您可以使用vue-cli project

然后，使用您的express项目创建一个子文件夹，然后启动脚本（在json包中）：

npm run vueproject && npm run expressproject

，您的两个项目都将一起启动。

您必须：

• 为每个项目使用不同的端口。

• 在 expressproject 中安装依赖项 vueproject 程序包。

• 知道这样做不是一个好习惯。