如何在Node.js服务器上部署Vue.js应用程序

Question

我有一个包含CSS、字体、JS文件夹和已经压缩为Vue.js的index.html文件的dist文件夹，准备部署和使用。我想使用Node.js运行此应用程序。如何设置它只需运行npm run server并在请求的特定端口上部署？不确定如何结构化或是否需要以特定方式构建此Vue应用程序才能运行。非常感谢任何帮助。

- Zeus

---

在开发模式下，您正在使用 npm run serve 命令，现在您要寻找另一个命令来部署吗？ - Boussadjra Brahim

我很好奇如何设置(dist文件夹/Vue应用程序)以在特定端口上运行。目前是开发或生产都无所谓。只想能够查看它，同时设置为使用npm run(服务器或服务器-dev)脚本在Node上运行。 - Zeus

Answer 1

由于Vue只是一个前端库，最简单的方法是创建一个简单的Express可用脚本来托管它并执行诸如提供资源等操作。如果您还没有阅读过，请快速了解Express。之后，添加Express：

npm install express --save

现在在您的项目根目录中添加一个 server.js 文件：

// server.js
var express = require('express');
var path = require('path');
var serveStatic = require('serve-static');
app = express();
app.use(serveStatic(__dirname + "/dist"));
var port = process.env.PORT || 5000;
var hostname = '127.0.0.1';

app.listen(port, hostname, () => {
   console.log(`Server running at http://${hostname}:${port}/`);
 });

接下来你可以运行：

 node server

你的项目将在指定的主机和端口提供服务。

假设你已经有了dist目录，如果没有，请运行：

npm run build

为了生成它

- Boussadjra Brahim

---

完美的解释。正是我需要的来启动它。我确实使用express作为后端，所以这很有道理。谢谢。 - Zeus