下載安裝HBuilder X編輯器
https://www.dcloud.io/hbuilderx.html
新建 5+APP 項目
打開 HBuilder X，新建項目
此處項目名以 ‘test’ 為例
含跨域代理的vue項目改造
若 vue 項目中含跨域代理，如 vue.config.js
module.exports = {
publicPath: "./", // 【必要】靜態(tài)文件使用相對路徑
outputDir: "./dist", //打包后的文件夾名字及路徑
devServer: {
proxy: {
"/myAPI": {
target: " http://43.140.200.74:8810/", //換成你自己項目的開發(fā)或者生產(chǎn)地址
ws: false, //也可以忽略不寫，不寫不會影響跨域
changeOrigin: true, //是否開啟跨域，值為 true 就是開啟， false 不開啟
pathRewrite: {
"^/myAPI": "", //注冊全局路徑， 但是在你請求的時候前面需要加上 /myAPI
},
},
},
},
};
則在打包成 apk 后會無法訪問接口，因為app無跨域限制，不能使用跨域代理，需使用訪問接口的絕對路徑，如：原接口 “/myAPI/dmis/login” 需改為 “http://43.140.200.74:8810/dmis/login” 才能使用。
為了便捷，可通過修改 axios 配置文件實現(xiàn)，如在 src\axios.js 中按下圖增加代碼
axios.defaults.baseURL = "http://43.140.200.74:8810/";
config.url = config.url.replace("/myAPI", "");
植入vue 項目
若是 vue 項目，則保留新建的 test 項目中的 manifest.json 文件，將其他文件全部刪掉，將 vue 項目打包后的文件拷貝到 test 項目中，范例如下圖
原 vue 項目打包后的文件
植入vue 項目后的 test 項目
修改 manifest.json 配置
根據(jù)項目實際需求，修改 manifest.json 配置，常見的修改有：
應(yīng)用名稱，應(yīng)用版本號，應(yīng)用入口
若是將備案網(wǎng)頁/ip網(wǎng)頁打包成 apk，則將應(yīng)用入口改成備案網(wǎng)頁/ip網(wǎng)頁地址即可，如
應(yīng)用圖標
點瀏覽選擇png格式的圖片后，點擊 自動生成所有圖標并替換 ，即可便捷更換應(yīng)用圖標
設(shè)置橫豎屏
vue 項目/網(wǎng)頁通常適配的pc上的橫屏效果，所以打包時通常也需配置為橫屏。
取消不必要的模塊
默認配置了很多模塊，如掃碼、相機相冊等，沒涉及時建議取消，可減小apk包的大小。
特別是通訊錄模塊，因涉及用戶敏感信息，打包時會需要進行認證，通常需要取消勾選。
開始打包
使用 HBuilder X 進行云打包
因云打包人較多，可能需要排隊
完成排隊，進入打包狀態(tài)后，約需 2-5分鐘完成打包
打包成功后，根據(jù)目錄提示可找到最終的 apk 文件
在模擬器上安裝測試
在電腦上下載安裝 雷電模擬器
https://www.ldmnq.com/
打開 雷電模擬器，通過拖拽或瀏覽的方式安裝 apk
安裝成功后
單擊打開即可文章來源：http://www.zghlxwxcb.cn/news/detail-770470.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-770470.html
到了這里，關(guān)于vue 項目/備案網(wǎng)頁/ip網(wǎng)頁打包成 apk 安裝到平板/手機（含vue項目跨域代理打包成apk后無法訪問接口的解決方案）的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
