vue3+ | vant | HBuilder打包vue项目 | HBuilder连接模拟器测试

HBuilder打包VUE3+/VANT项目 生成apk包等

1] 官网下载 https://www.dcloud.io/hbuilderx.html. 直接解压，打开 HBuilderX.exe.

2] vue3+项目打包

命令 ： npm run build  
生成dist文件。

3] HBuilder 
  
 打开HBuilder --> 文件-->新建--> 项目，  新建 【 5+App(a) 】 项目。

删除项目中除 unpackage 和 manifest.json 等其他不重要文件，将vue打包生成的dist文件 复制到项目中。

参考优秀博客：https://segmentfault.com/a/1190000023821880

4] HBuilder 连接模拟器 

网上大部分都是夜神模拟器，我用的是mumu，原理都是一样的
参考优秀博客(夜神模拟器)：https://blog.csdn.net/qq_39251440/article/details/103818112

mumu模拟器区别：端口号 7555 . 其他设置参考博客即可。

坑：

说明
1、登录的时候，报错说：uncaught (in promise) typeerror: cannot read property 'status' of undefined at static/js/app.2bdca4b

翻了很多问题说法，因为我本地浏览器访问是ok的，所以怀疑就是 登录时候没请求到后台！！！最后发现是 原先本地调试的时候的 由于跨域问题，配置了代理，

参考这篇博客：https://blog.csdn.net/weixin_45581741/article/details/107582015

解决： 
 proxy的target路径设置问空，然后把前端请求的路径【写全】！！！

还有 mode: 'history'等问题(没遇到，不补充)