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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
啃火龙果的兔子8 小时前
react-i18next+i18next-icu使用详解
前端·javascript·react.js
彭于晏爱编程8 小时前
🌹🌹🌹bro,AntD 6.0.0 来了
前端
1024小神8 小时前
Electron实现多tab页案例,BrowserView/iframe/webview不同方式的区别
前端·javascript·electron
Amos_Web8 小时前
Rust实战(四):数据持久化、告警配置与Web API —— 构建监控系统的功能闭环
前端·后端·rust
java水泥工8 小时前
基于Echarts+HTML5可视化数据大屏展示-物流大数据展示
大数据·前端·echarts·html5·可视化大屏
U***e638 小时前
Vue自然语言
前端·javascript·vue.js
用户761736354019 小时前
浏览器渲染原理
前端·浏览器
拉不动的猪9 小时前
Vue 跨组件通信底层:provide/inject 原理与实战指南
前端·javascript·面试
得物技术9 小时前
从数字到版面:得物数据产品里数字格式化的那些事
前端·数据结构·数据分析
用户6600676685399 小时前
用 Symbol 解决多人协作中的对象属性冲突实战
前端·javascript