【转】怎样运行 Vue 打包后的项目
Vue build 后运行命令，无需放入tomcat根目录
·
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 文件夹的打包
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)