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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
Xin_z_12 分钟前
解决 el-link 点击锚点导致 URL 变化的问题
vue.js
敲敲了个代码22 分钟前
vue文件自动生成路由会成为主流
开发语言·前端·javascript·vue.js·前端框架
程序员林北北25 分钟前
【前端进阶之旅】typescriot的数据类型讲解(二)
前端·javascript·vue.js·react.js·typescript
霍理迪30 分钟前
JS—事件高级
开发语言·javascript·ecmascript
火车叼位32 分钟前
TypeScript 类型体操:如何精准控制可选参数的“去留”
前端·typescript
接着奏乐接着舞40 分钟前
vue3面试题
前端·javascript·vue.js
xkxnq43 分钟前
第六阶段:Vue生态高级整合与优化(第81天)(Pinia核心进阶)状态模块化设计+跨模块通信(storeToRefs使用避坑)
前端·javascript·vue.js
患得患失9491 小时前
【前端动画】FLIP 动画原则
前端
赵_叶紫1 小时前
Kubernetes 从入门到实践
前端
阿珊和她的猫1 小时前
深入解析浏览器的渲染过程
前端·javascript·vue.js