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

801 阅读1分钟

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

image.png

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

解决方案如下

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

  • webpack.prod.conf.js中增加publicPath:’./’ ;

1669994054384.png

  • util.js中增加publicPath:’./’;(可选用或不用)

1669994141680.png

  • config/index.js修改assetsPublicPath:‘./’;

1669994188216.png