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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
用户47949283569155 分钟前
React 渲染两次:是 Bug 还是 Feature?聊聊严格模式的“良苦用心”
前端·react.js·前端框架
b***748836 分钟前
前端GraphQL案例
前端·后端·graphql
云飞云共享云桌面37 分钟前
无需配置传统电脑——智能装备工厂10个SolidWorks共享一台工作站
运维·服务器·前端·网络·算法·电脑
ganshenml1 小时前
sed 流编辑器在前端部署中的作用
前端·编辑器
0***K8922 小时前
Vue数据挖掘开发
前端·javascript·vue.js
蓝胖子的多啦A梦2 小时前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
_OP_CHEN2 小时前
前端开发实战深度解析:(一)认识前端和 HTML 与开发环境的搭建
前端·vscode·html·web开发·前端开发
xiAo_Ju2 小时前
iOS一个Fancy UI的Tricky实现
前端·ios
H***99762 小时前
Vue深度学习实战
前端·javascript·vue.js
toooooop83 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app