利用HBuilder將vue專案打包成移動端app

2022-05-15 06:58:02 字數 822 閱讀 8150

1,將專案目錄下config檔案內index.js中assetspublicpath修改為 assetspublicpath: './'

2,執行npm run build之後生成dist資料夾

3,開啟hbuilder,檔案->開啟目錄,如下圖

選擇剛才生成的dist目錄,輸入專案名稱,點選完成

隨後就可以利用hbuilder連線真機執行

注意:如果真機執行或模擬器執行報如下錯誤

uncaught error: [vuex] vuex requires a promise polyfill in this browser

可參考:

1,點選發行,這裡發布測試apk選擇使用dcloud公用證書,點選『打包』

然後就可以在手機上玩啦~

關於HBuilder打包vue專案 app返回問題

我用的是需要mui.js版本的 再模擬執行的時候可以按手機的返回鍵返回上一級,但是不能按兩次後退出,提示 typeerror cannot read property canback of undefined 後來看文件發現如果引入mui.js的話,就需要重寫back方法,因為muil.back 裡...

關於使用hbuilder 打包vue的問題

1.打包後,真機除錯出現白屏 1 先在本地檢視是否webpack後有語法錯誤,我的 webpack後 會變成 中間空格沒了,導致報錯。2 確定 沒問題的話,一般就是打包的路徑出了錯 在config檔案中的index.js中,將 build 的 assertpublicpath 改為 在webpack...

vue中利用localStorage儲存全域性變數

localstorage是本地儲存,允許在瀏覽器中儲存 key value 對的資料,用於長久儲存整個 的資料,全域性變數可用這種方法儲存,在頁面重新整理不會丟失資料,儲存的資料沒有過期時間,直到手動去刪除。可以儲存5m大小的資料 sessionstorage只可以儲存4k大小的資料 可將第一次請求...