技术栈

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

凉风听雪2024-08-04 19:58

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

删除原来的dist

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

重新新打包:npm run build

javascript 复制代码
// vue.config.js
module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
上一篇:【VScode编辑器】VScode基本使用全面讲解
下一篇:Vue3中的vue-router的基本使用
相关推荐
Delicate
14 小时前
前端路由扫盲篇:Hash 模式和 History 模式到底怎么选?
前端
妙码生花
14 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十四):眨眼小人登录页制作
前端·javascript·ai编程
妙码生花
14 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十三):前端路由初始化
前端·javascript·ai编程
PBitW
15 小时前
GPT训练我的第四天,被打惨了!!!😭😭😭
前端·javascript·面试
梨子同志
15 小时前
CSS
前端
一tiao咸鱼
15 小时前
Ai 相关 7月1日学习
前端·agent
DarkLONGLOVE
15 小时前
快速上手 Pinia!Vue3 极简状态管理使用教程
javascript·vue.js
mackbob
15 小时前
.eslintrc.js详细配置说明
javascript
梨子同志
15 小时前
HTML
前端
ZhengEnCi
15 小时前
Q06-导航按钮高级拟态玻璃效果构建完全指南
前端·css
热门推荐
012026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?022026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04Trae国际版与国内版深度测评:AI原生IDE的双生花05飞书长连接_事件订阅(接收消息,审批任务状态变更)06Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析07【AI】2026 年具身智能模型和世界模型总结08GitHub 镜像站点092026年AI架构实战:彻底解决OpenAI接口超时与封号,Python调用GPT-5.2/Sora2企业级架构详解(附源码+压测报告)102026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?