vue项目打包成APK

1. 修改配置文件

module.exports = {
    publicPath:"./",
    // publicPath:"/pc",
    productionSourceMap:false,
    devServer: {
        proxy: {
            [process.env.VUE_APP_BASE_API]: {  
                target: process.env.VUE_APP_BASE_URL, 
                changeOrigin: true,
            }
        },
    }
}

1. 修改生产环境.env.production

# 页面标题
VUE_APP_TITLE = 智慧党建

# 开发环境配置
VUE_APP_BASE_API = '/lencon'

# 开发环境
# VUE_APP_BASE_URL = 'http://192.168.0.129:8888'
VUE_APP_BASE_URL = 'http://xxxxxxxxx.link'

1. axios请求要记得修改

axios.defaults.baseURL = process.env.VUE_APP_BASE_URL

1. 然后执行打包命令。

1. 通过HBuilderX创建5+app项目

1. 把刚才打包好的文件放入到项目中

1. 配置该配置的参数

8.配置完成后进行打包

补充：vconsole 和 eruda.min.js 方便测试apk安装包问题

<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/eruda/2.3.3/eruda.min.js"></script> -->
    <script> 
      this.globalThis || (this.globalThis = this) 
    </script>