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

Question

我有一个包含 CSS、字体、JS 文件夹和一个为 Vue.js 最小化的index.html文件的 dist 文件夹，准备部署和使用。 我想使用 Node.js 来运行这个应用程序。 如何将其设置为仅运行npm run server并将其部署在请求的特定端口上？ 不确定如何构建它，或者我是否需要以特定方式构建它来运行这个 Vue 应用程序。 任何帮助将不胜感激。

Answer 1

由于 Vue 只是一个前端库，托管它并执行诸如提供资产之类的事情的最简单方法是创建一个简单的 Express 友好脚本，您可以使用它来启动迷你 Web 服务器。 如果您还没有阅读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

为了生成它