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

时间:2022-11-17 23:32:01

这里说一下问题所在

打包后的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“,

这样修改后运行会是这样的
利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决

因为vue项目要在服务器环境下运行,所以要先切到dist文件夹下,运行 hs -o -p 9999 命令(相当于开启服务器),再在模拟器上重新运行,就OK了,效果如下:
利用HBuilder将vue项目打包成移动端app,运行页面空白问题解决

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