作为前端小白,最近开始学习vue,安装的是目前最新版本的vue cli3.9.2,并且通过vue ui控制台界面创建工程以及打包工程。在开发时运行正常,但是通过vue ui打包build vue工程后出现白屏现象。
白屏原因
按F12后,看控制台,发现静态资源加载路径错误:
踩坑
查询资料,网上都说vue cli 3版本以后,针对这种静态资源加载路径错误问题,需要修改vue.config.js(位于项目的根目录下)的publicPath,由默认的‘/’修改为‘./’
但是,通过vue ui 创建的工程一开始并没有vue.config.js这个文件
解决办法
在vue ui的配置中修改公共路径为 ./ 并保存
重新再任务中build工程。
再看项目的根目录下,发现出现了vue.config.js文件,并且publicPath 值为 ‘./’
网友评论