dist打包后如何页面运行

542 阅读1分钟

在网上找了几种方法试了一下,亲测3种可用的,可以借鉴一下

1.在vue.config.js中配置

module.exports = { lintOnSave: false ,//关闭eslint检查, publicPath: './', // 基本路径 }

然后npm run build 打包通过index.html进行预览

2.通过live-server部署本地服务打开

首先需要全局安装 live-server npm install -g live-server

然后在dist文件夹下 cmd 输入live-server --port=3344 (端口,默认8080)

3.安装express及express-generator

执行 npm install express express-generator -g 进行安装

然后创建express expressDemo 创建完进入目录 运行 npm install 安装依赖

之后把所打包的dist文件下所有文件复制到express项目的public文件下 最后 运行 npm start 启动expressDemo

打开浏览器输入 http://localhost:3000 就ok

方法很多,我就先提供测试过的几种