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

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

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

解决方案如下

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

  • webpack.prod.conf.js 中增加publicPath:'./'
  • util.js 中增加publicPath:'./';(可选用或不用)
  • config/index.js 修改assetsPublicPath:'./';
相关推荐
驳是25 分钟前
TS 项目升级 React 18 到 19 的一些事情
前端·react.js·typescript
禁止摆烂_才浅39 分钟前
React - 【useEffect 与 useLayoutEffect】 区别 及 使用场景
前端·react.js
5***o5001 小时前
React安全
前端·安全·react.js
喵个咪1 小时前
Qt 6 实战:C++ 调用 QML 回调方法(异步场景完整实现)
前端·c++·qt
F***c3251 小时前
React自然语言处理应用
前端·react.js·自然语言处理
1***Q7842 小时前
React项目
前端·javascript·react.js
幸福专买店2 小时前
【Flutter】flutter 中 包裹内容显示 的设置方式
前端·javascript·flutter
和和和2 小时前
🗣️面试官: 那些常见的前端面试场景问题
前端·javascript·面试
lxp1997412 小时前
vue笔记摘要-更新中
前端·vue.js·笔记
Oriental2 小时前
URL解码踩坑记录
前端·后端