樓主是使用vue-cli構建的頁面,代碼是vscode,然后使用hbuilder打包成移動端的安裝包。首先確認在npm run build 之后沒有問題(默認dist文件夾),可以使用anywhere開一個服務器看看。
在確保咩有問題的情況下,將dist文件夾直接拖進 hbuilder (hbuilder下載地址)中,
,在dist上面右擊,點擊 轉換成移動app,dist的圖標會由 W 變成 A,如圖:
,dist文件夾中會新增manifest.json(這個是app的配置文件,修改app圖標等,雙擊可以進入修改界面(參考文檔)),如圖:
,點擊 index.html,運行,瀏覽器運行,如圖
,點擊之后空白(樓主用的是chrome),但是加載沒有問題,
解決方案有:
1、在build下的配置路徑出了問題
修改assetsPublicPath為: './ '
2、由於hbuilder的默認格式,路由不能使用history模式
將mode:‘history’ 注釋即可