關於vue2.0+hbuilder打包移動端app之后空白頁面的解決方案


樓主是使用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’ 注釋即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM