如何在 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

為了生成它