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'等問題(沒遇到，不補充)