某天同事小白使用了webpack开发vue项目,在项目开发完成后,使用命令:npm run build对项目进行打包后发布服务器页面显示空白
排查后发现:webpack打包的时候引入js时使用的是绝对路径导致的
解决方案如下
修改webpack打包文件中的配置:
- webpack.prod.conf.js 中增加publicPath:'./' ;
- util.js 中增加publicPath:'./';(可选用或不用)
- config/index.js 修改assetsPublicPath:'./';