利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决

这里说一下问题所在

打包后的dist文件夹我们是通过httpserver的命令运行的

hs -o -p 9999(任意端口号)

执行这条命令，在浏览器中就能正常访问，访问的地址是http://localhost:9999

打包后运行为什么就空白呢？

因为打包成app之后manifest.json文件中默认的入口是

/*应用的入口页面，默认为根目录下的index.html；支持网络地址，必须以http://或https://开头*/

"launch_path": "index.html",

而我们访问的地址应该是http://localhost:9999

所以要在这里修改入口地址为：”launch_path”: “http://localhost:9999“,

这样修改后运行会是这样的



因为vue项目要在服务器环境下运行，所以要先切到dist文件夹下，运行 hs -o -p 9999 命令（相当于开启服务器），再在模拟器上重新运行，就OK了，效果如下：



这是我的解决办法，看别人说的config文件夹下index.js文件中，修改为assetsPublicPath: ‘./’,尝试无效，不知道是什么情况。