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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
GDAL几秒前
CSS重置样式表(Reset CSS
前端·css
SpringLament3 分钟前
TanStack Virtual 源码解析:定高/不定高虚拟列表实现原理以及框架无关设计
前端·javascript
猪猪拆迁队4 分钟前
高性能 Package构建系统设计与实现
前端·后端·node.js
用户14436183400975 分钟前
你不知道的JS-上(五)
javascript·程序员
UIUV7 分钟前
JavaScript中instanceof运算符的原理与实现
前端·javascript·代码规范
前端fighter9 分钟前
全栈项目:闲置二手交易系统(一)
前端·vue.js·后端
飞行增长手记14 分钟前
IP协议从跨境到物联网的场景化应用
服务器·前端·网络·安全
我叫张小白。16 分钟前
Vue3 插槽:组件内容分发的灵活机制
前端·javascript·vue.js·前端框架·vue3
Lovely_Ruby23 分钟前
前端er Go-Frame 的学习笔记:实现 to-do 功能(一)
前端·后端
用户8417948145625 分钟前
如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件
vue.js