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