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
,,原为'/'
,改为'./'
。