vue webpack打包后显示的网页是空白

使用了webpack开发vue项目,在项目开发完成后,使用命令:npm run build对项目进行打包,打包结果如下:
vue webpack打包后显示的网页是空白
但是将dist文件发布后,打开发现浏览器页面是空白的:
vue webpack打包后显示的网页是空白
原因:
这个是因为webpack打包的时候引入js时使用的是绝对路径导致的。
修改webpack打包文件中的配置:
1.在webpack.prod.conf.js中增加publicPath:’./’
2.util.js中增加publicPath:’./’
3.config/index.js修改assetsPublicPath:‘./’;
具体如下:
webpack.prod.conf.js
vue webpack打包后显示的网页是空白
util.js:
vue webpack打包后显示的网页是空白
config/index.js
vue webpack打包后显示的网页是空白

修改完成后,再重新使用命令 npm run build ;打包后的项目就可以使用了!!!