HBuilder真机或模拟器运行Vue项目白屏。
问题背景:
Vue的项目,npm run dev模式下,比如访问地址为http://192.168.0.168:8080,在浏览器中访问正常。在HBuilder中新建一个5+App的项目,如果入口文件设置成http://192.168.0.168:8080,可以正常打开,如果用 npm run build生成的静态文件放到Hbuider目录下并把入口文件改为index.html,则会白屏。
原因分析:
index.html中引用的static目录,用的是绝对路径录,而在Hbuilder中打开用的是file模式,而不是http server模式,所以绝对路径不管用,得使用相对路径。
解决方法:
修改Vue项目build/index.js中的两处assetsPublicPath,,原为'/',改为'./'。