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);
});
三、安装依赖
此处不做赘述,不懂的自行百度吧。
四、运行
- 将自己的项目打包
npm run build
之后,将服务项目的dist
替换; - 在服务项目根目录
cmd
之后,执行node app
即可运行服务。 - 运行成功之后在浏览器访问 http://localhost:8081即可(此代码监听的8081端口,可自行修改)。