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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
程序员鱼皮32 分钟前
从夯到拉,锐评 39 个前端技术!
前端·程序员·编程语言
前端小L32 分钟前
双指针专题(九):谁是窗口里的老大?——「滑动窗口最大值」
javascript·算法·双指针与滑动窗口
凌览35 分钟前
0成本、0代码、全球CDN:Vercel + Notion快速搭建个人博客
前端·后端
该换个名儿了39 分钟前
Vue3中,我的Watch为什么总监听不到数据?
前端·javascript·vue.js
坚持学习前端日记41 分钟前
桌面端与移动端JS桥技术对比及跨平台实现
开发语言·javascript·harmonyos
Crystal32843 分钟前
移动web开发常见问题
前端·css·面试
ahhdfjfdf1 小时前
前端实现带滚动区域的 DOM 长截图导出
前端·javascript·react.js
周星星日记1 小时前
vue3中使用defineModel
前端·vue.js
八哥程序员1 小时前
javascript 为什么会有闭包这么个烧脑的东西
前端·javascript
JavaEdge在掘金1 小时前
上线卡半夜、出 bug 只能硬扛?前端自动化部署 + 秒级回滚方案来了
前端