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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
fouryears_234176 小时前
现代 Android 后台应用读取剪贴板最佳实践
android·前端·flutter·dart
Jing_Rainbow6 小时前
【 Weapp-1 /Lesson18(2025-11-03)】# 微信小程序开发全解析:从项目结构到生态优势 🚀
微信·微信小程序·程序员
boolean的主人6 小时前
mac电脑安装nvm
前端
用户1972959188916 小时前
WKWebView的重定向(objective_c)
前端·ios
烟袅6 小时前
5 分钟把 Coze 智能体嵌入网页:原生 JS + Vite 极简方案
前端·javascript·llm
18你磊哥6 小时前
Django WEB 简单项目创建与结构讲解
前端·python·django·sqlite
KangJX6 小时前
iOS 语音房(拍卖房)开发实践
前端·前端框架·客户端
神秘的猪头6 小时前
🧠 深入理解 JavaScript Promise 与 `Promise.all`:从原型链到异步编程实战
前端·javascript·面试
白兰地空瓶6 小时前
从「似懂非懂」到「了如指掌」:Promise 与原型链全维度拆解
前端·javascript
麦麦在写代码6 小时前
前端学习5
前端·学习