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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
nothing_more_than28 分钟前
draggable的el-dialog实现对话框标题可以选择
javascript·vue.js·element-plus
小镇程序员1 小时前
vue2 src自定义事件
前端·javascript·vue.js
炒毛豆2 小时前
vue3+echarts+ant design vue实现进度环形图
javascript·vue.js·echarts
AlgorithmAce4 小时前
Live2D嵌入前端页面
前端
nameofworld4 小时前
前端面试笔试(六)
前端·javascript·面试·学习方法·递归回溯
别拿曾经看以后~4 小时前
原生Android调用uniapp项目中的方法
android·vue.js·uni-app
前端fighter4 小时前
js基本数据新增的Symbol到底是啥呢?
前端·javascript·面试
流着口水看上帝4 小时前
JavaScript完整原型链
开发语言·javascript·原型模式
guokanglun4 小时前
JavaScript数据类型判断之Object.prototype.toString.call() 的详解
开发语言·javascript·原型模式
GISer_Jing4 小时前
从0开始分享一个React项目:React-ant-admin
前端·react.js·前端框架