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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
Aphasia3116 分钟前
前端面试之页面渲染规则📖
前端·面试
星之卡比*11 分钟前
前端知识点---闭包(javascript)
开发语言·前端·javascript
东方芷兰20 分钟前
JavaWeb 课堂笔记 —— 03 Vue
java·前端·javascript·vue.js·笔记
二十秒的勇气26 分钟前
HarmonyOS:组件布局保存至相册
前端
luback1 小时前
页面编辑器CodeMirror初始化不显示行号或文本内容
前端·codemirror
一勺-_-1 小时前
Chrome浏览器和Microsoft Edge浏览器的导出收藏链接
前端·chrome·edge
无名之逆1 小时前
[特殊字符] 超轻高性能的 Rust HTTP 服务器 —— Hyperlane [特殊字符][特殊字符]
java·服务器·开发语言·前端·网络·http·rust
蘑菇头爱平底锅1 小时前
数字孪生-DTS-孪创城市-导览功能、虚拟现实
前端·数据可视化
一口一个橘子2 小时前
[ctfshow web入门] web40
前端·web安全·网络安全
Z编程2 小时前
vue3实现markdown工具栏的点击事件监听
前端·javascript·vue.js