HBuilder真机或模拟器运行Vue项目白屏

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

Leave a Comment

豫ICP备19001387号-1