Question

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

为了生成它

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

1 个答案: