VUE开发——利用Node搭建简易服务器运行Vue打包文件dist

Vue项目开发的时候打包生成打包文件dist，但是因为某些原因需要线下运行该文件。此时可以通过Node构建一个简易服务，使打包文件跑起来。

一、服务结构

二、上代码

app.js

var express = require('express');
var fs = require('fs');
var http = require('http');
var app = express();
app.use(express.static('./dist'));
app.use(function (req, res,next) {
  res.sendfile('./dist/index.html');  //路径根据自己文件配置
});
var httpsServer = http.createServer(app);
httpsServer.listen(8081, function () {
  var port = httpsServer.address().port;
  console.log('app listening at http://localhost:%s', port);
});

三、安装依赖

此处不做赘述，不懂的自行百度吧。

四、运行

1. 将自己的项目打包npm run build之后，将服务项目的 dist 替换；
2. 在服务项目根目录cmd之后，执行node app即可运行服务。
3. 运行成功之后在浏览器访问 http://localhost:8081即可（此代码监听的8081端口，可自行修改）。