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

Question

我有一个dist文件夹，其中包含CSS，字体，JS文件夹和一个index.html针对Vue.js最小化的文件，可以部署和使用。我想使用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

为了产生它