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 文件夹的打包

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐