javascript - 如何同时提供 Node.js 和 Vue.js 应用程序？

Question

我意识到这里有人问过类似的问题，但我有点需要为我说明一些事情。

我有一个 VPS（通过 Vultr），它目前在端口 8080 上托管一个前端 Vue.js 应用程序，在端口 5000 上托管一个后端 Node.js（带有 Express）应用程序。主目录的划分如下：

• ./client
  • 前端 Vue.js 文件
• ./server
  • 后端 Node.js 文件

前端应用程序包含一个联系表单，提交后会向后端应用程序发出 axios POST 请求。然后，后端应用程序使用 Nodemailer 和 Gmail 帐户发送包含表单提交信息的电子邮件。

就目前而言，我必须在不同的端口上同时运行我的 Vue.js 应用程序和我的 Node.app。这对我来说似乎很奇怪，考虑到它们实际上只是一个有凝聚力的应用程序的一部分，我的目标是最终将它作为一个网站托管在 80 端口上。考虑到这一点，我想问一下标准做法是什么用于同时托管前端 Vue.js 应用程序和后端 Node.js 应用程序。

提前感谢您的任何回复。

标签： javascriptnode.jsvue.js

Answer 1

试着这样想，Vue.js 是另一个 js 库。因此，如果 Vue 模板的所有代码都可以捆绑在一个文件中，那么您可以在 index.html 中使用该文件（我希望您知道如何使用 express 托管基本的静态页面）。你在这里需要的是一个像 webpack 或 gulp 这样的“包捆绑器”。包捆绑器可帮助您压缩和捆绑代码。因此，只需将所有 vue 文件捆绑到一个 javascript 文件中并使用它。我很抱歉无法为您拼出这些东西，希望对您有所帮助。