vue打包webapp要點

標籤：選中   移動   his   apk   pat   public   安裝   啟動圖   圖片   

一、vue源碼的設定
1）src中關於router的配置 model:‘history‘ 要去掉，即地址欄中保留“#”。
2）config的index關於build的配置 assetsPublicPath:‘./‘ 注意要加點。
如果上面兩項沒設定對，那麼，打包出來的webapp是空白的，呵呵。

二、Hbuilder打包安卓的過程
1）開啟目錄，選擇vue裡面npm run build產生的dist目錄。
2）右擊該目錄，"轉換成移動APP"，分類樹中的表徵圖從 W 變成 A。
3）分類樹中出現 manifest.json ，雙擊，配置（如基本資料、表徵圖配置、啟動圖片等等），儲存。
4）“發行”--“雲打包-打原生安裝包”，提交打包任務（為了使用者體驗，去掉廣告。選安卓認證）。
5）把產生的apk 檔案分發。
在分類樹中選中index.html，然後 “運行”--“瀏覽器運行” 即可，這樣可以在chrome中去調試代碼。

如果是純粹的移動端web，沒有涉及到裝置，打包一個安卓基本上就結束了。

vue打包webapp要點