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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
EnoYao2 小时前
Markdown 编辑器技术调研
前端·javascript·人工智能
JIngJaneIL2 小时前
基于java+ vue医院管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
JIngJaneIL2 小时前
基于java + vue校园跑腿便利平台系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
前端要努力2 小时前
月哥创业3年,还活着!
前端·面试·全栈
sao.hk2 小时前
ubuntu2404安装k3s
前端·chrome
cos2 小时前
Worktrunk 完全指南:让 Git Worktree 和 Claude Code 和平共处
前端·ai编程·claude
不哦罗密经2 小时前
python相关
服务器·前端·python
ji_shuke3 小时前
opencv-mobile 和 ncnn-android 环境配置
android·前端·javascript·人工智能·opencv
神说要有光_zy3 小时前
极其矛盾又顺其自然的2025
前端
前端程序猿之路3 小时前
基于扣子(Coze)工作流 API 的微信小程序开发实践总结
前端·微信小程序·小程序·大模型·api·ai编程·扣子