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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
weixin_4492900113 小时前
EverMemOS 访问外部(deepinfra)API接口
java·服务器·前端
鱼毓屿御13 小时前
Tailwind CSS配置进阶
前端·css
Mr Xu_13 小时前
Git常用指令
前端·git
michael_ouyang13 小时前
IM 会话同步企业级方案选型
前端·websocket·electron·node.js
betazhou13 小时前
借用Deepseek写一个定期清理备份文件的ps脚本
开发语言·前端·javascript·ps·deepseek·清理备份文件
英俊潇洒美少年13 小时前
vue confirm、messageBox等弹窗关闭后焦点残留问题
前端·javascript·vue.js
东东最爱敲键盘13 小时前
第7天 进程间通信
java·服务器·前端
harrain13 小时前
vue3怎么扩展第三方依赖库内部逻辑(拿element plus举例)
前端·javascript·vue.js·elementui
Ulyanov13 小时前
三维战场可视化核心原理(一):从坐标系到运动控制的全景指南
开发语言·前端·python·pyvista·gui开发
天若有情67313 小时前
从语法拆分到用户感知:我的前端认知重构之路
前端·javascript