欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-01-24 19:10:34
...

这里说一下问题所在

打包后的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: ‘./’,尝试无效,不知道是什么情况。