利用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“,
这样修改后运行会是这样的
因为vue项目要在服务器环境下运行,所以要先切到dist文件夹下,运行 hs -o -p 9999 命令(相当于开启服务器),再在模拟器上重新运行,就OK了,效果如下:
这是我的解决办法,看别人说的config文件夹下index.js文件中,修改为assetsPublicPath: ‘./’,尝试无效,不知道是什么情况。
上一篇: 小程序touchmove事件中setData优化过程
下一篇: pandas赋值失败问题解决