【转】怎样运行 Vue 打包后的项目

1. 一般打包完成后会在项目根目录生成一个 dist 文件夹，此时，我们在项目根目录新建一个 js 文件（我以 server.js 为例）

server.js 中代码如下：

const express = require('express')

const app = express()

const port = 8080 // 自定义端口号（不要与已存在端口冲突）

app.use(express.static('dist')) // dist 是项目的打包资源路径

app.listen(port, () => console.log(`服务器 ${port} 开启成功!`))

2. 在项目根目录下运行 node 命令启动 server.js 文件：

如果未开启服务器成功，很可能是因为你没装 express，此时运行 npm i express 安装下即可

3. 到此，只要在浏览器输入：http://localhost:8080 即可预览 dist 文件夹的打包