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

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
相关推荐
A923A1 分钟前
【Vue3大事件 | 项目笔记】第一天
前端·vue.js·笔记·前端框架
IT_陈寒4 分钟前
SpringBoot自动配置揭秘:90%开发者不知道的核心原理
前端·人工智能·后端
huangyiyi666666 分钟前
webpack + Vite
前端·webpack·node.js
im_AMBER9 分钟前
订阅模式实现字符数统计
前端·typescript·前端框架·编辑器
北寻北爱10 分钟前
axios
开发语言·前端·javascript
Nuopiane11 分钟前
Mypal3(9)
前端·javascript·数据库
筱璦17 分钟前
期货软件开发 - 交易报表
前端·windows·microsoft·报表·期货
暴躁网友w18 分钟前
掌握Fetch与Flask交互:让前端表单提交更优雅的动态之道
前端·flask·交互
钰衡大师21 分钟前
Vue 3 源码阅读笔记:ref.ts
javascript·vue.js·笔记·vue3源码阅读
木斯佳21 分钟前
前端八股文面经大全:腾讯前端暑期提前批一、二、三面面经(上)(2026-03-04)·面经深度解析
前端