利用vscode，通過vue-cli開發vue項目，然后使用Hbuilderx打包成移動端APP安裝包，途中遇到了一些問題並逐一解決。
首先確認在npm run build之后生成的dist文件夾中的內容，可以在任何服務器中正常發布查看。
然后，利用Hbuilderx建立一個空白的5+App項目
保留5+App項目中的manifest.json文件，刪除其它文件，並用dist文件夾中的文件替換
問題1：空白頁面
在Hbuilderx中，通過Chrome瀏覽器對Vue的App進行調試
出現頁面空白，且后台報錯 Uncaught SyntaxError: Unexpected token '<'
解決方法：
執行npm run build打包vue程序之前，創建打包配置文件vue.config.js，添加配置項publicPath: './'
問題2：靜態資源圖片丟失
css，js，img文件夾是存放靜態資源的，在Hbuilderx的5+App項目中不能正常加載img中的圖片
本以為是vue中的靜態圖片引用方式的造成的問題，嘗試了多種方法，沒有任何作用。最后發現是router問題
解決方法：
由於Hbuilderx的默認格式，路由不能使用history模式
vue默認的router是history模式，注釋mode: 'history'，修改vue的router模式為hash
問題3：手機狀態欄與App非沉浸
Hubilderx在真機和模擬機上運行App，發現手機上方狀態欄獨立，沒有與App結合在一起（狀態欄非沉浸式）
解決方法：
修改5+App項目的manifest.json文件，找到plus，添加下面的statusbar內容
"statusbar":{
"immersed": true/*沉浸式狀態欄*/
},
