启动vue打包后的dist文件

当我们前端使用vue框架打包成dist文件时,想预览测试时,又不想上传服务器,可以在本地创建node服务器,使用非常简单.

一、创建一个文件夹（英文名称）

小编创建的是server-app

cd server-app
npm init

二、使用express模块

这一步需要下载一个node_modules包

npm install express

三、手动创建app.js入口文件

小编创建的是app.js,随便啊!!!

//使用express构建web服务器 --11:25
const express = require('express');

var app = express();

// 端口号
var server = app.listen(3000);

//托管静态资源到public目录下
app.use(express.static('dist'));

四、已经托管到dist文件夹下了,你需要将你打包的dist文件放入根目录

可以启动你的服务了

node app.js
//没有报错就是成功启动了

访问你自己的ip+创建的端口号(3000)页面已经启动了