VUE2项目打包dist后dist包中index打开空白页

报错:控制台报错是未找到对应资源路径
原因:因为在项目中部分路径使用了./ 和 @/ 等绝对路径
解决方法:

删除原来的dist

vue.config.js 中设置 publicPath 选项,使其适应不同环境。

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
不吃鱼的羊6 小时前
DaVinci配置NVM模块
前端·javascript·网络
一坨阿亮6 小时前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
excel6 小时前
为什么需要构建工具(Webpack / Vite 的本质)
前端
lang201509286 小时前
Java SAX 流式解析全解:从原理到 EasyExcel 实战
java·前端·javascript
VidDown6 小时前
视频协议传输全解析:从 HTTP/HTTPS 到 HLS/DASH 的完整旅程
javascript·网络·http·https·编辑器·音视频·视频编解码
Rain5097 小时前
2.4. PostgreSQL 数据库连接与实战指南
前端·数据库·人工智能·后端·postgresql·数据分析
console.log('npc')7 小时前
Codex 桌面端接入 Headroom 压缩代理完整教程
前端·vscode
独泪了无痕7 小时前
Vue集成uuid生成唯一标识实践指南
前端·vue.js
yuanyxh15 小时前
Mac 软件推荐
前端·javascript·程序员
万少15 小时前
AtomCode开发微信小程序《谁去呀》 全流程
前端·javascript·后端