webpack打包后上传服务器页面空白

某天同事小白使用了webpack开发vue项目,在项目开发完成后,使用命令:npm run build对项目进行打包后发布服务器页面显示空白

排查后发现:webpack打包的时候引入js时使用的是绝对路径导致的

解决方案如下

修改webpack打包文件中的配置:

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
指尖跳动的光34 分钟前
判断页签是否为活跃状态
前端·javascript·vue.js
用泥种荷花41 分钟前
【前端学习AI】大模型调用实战
前端
我要改名叫嘟嘟1 小时前
一个大龄程序员的地铁日记(第5期),几乎都关于读书
程序员
Lan.W1 小时前
element UI + vue2 + html实现堆叠条形图 - 横向分段器
前端·ui·html
FAQEW1 小时前
若依(RuoYi-Vue)单体架构实战手册:自定义业务模块全流程开发指南
前端·后端·架构·若依二开
神算大模型APi--天枢6461 小时前
合规与高效兼得:国产全栈架构赋能行业大模型定制,从教育到工业的轻量化落地
大数据·前端·人工智能·架构·硬件架构
千寻girling1 小时前
马上元旦节了,手写一个《前端脚手架》庆祝一下 !
前端
嚣张丶小麦兜2 小时前
认识vite
前端·javascript·vue.js
玲小珑2 小时前
请求 ID 跟踪模式:解决异步请求竞态条件
前端
开心_开心急了2 小时前
AI+PySide6实现自定义窗口标题栏目(titleBar)
前端