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

我有一个dist文件夹,其中包含CSS,字体,JS文件夹和一个index.html针对Vue.js最小化的文件,可以部署和使用。我想使用Node.js运行此应用程序。

不知道如何构建它,或者不确定是否需要以特定方式构建它以运行此Vue应用程序。任何帮助将不胜感激。

回答:

由于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.js服务器上部署Vue.js应用程序 的全部内容, 来源链接: utcz.com/qa/406664.html

回到顶部