cordova 打包 vue 成app

npm 安装 cordava
androidstudio 在android sdk 安装对应的sdk
gradle配置到环境变量中

运行
set-ExecutionPolicy RemoteSigned  
否则会报无法运行脚本

安装cordova

npm install cordova -g

cordova相关命令

cordava create mysqpp 创建项目
cordova platform add android  
cordova requirements 检查环境
cordova run android 模拟器或真机调试
cordova build android  生成apk文件

npm install build  打包vue

vue.config.js 中 否则打包的css js无法访问

module.exports = {
    lintOnSave: false,
    publicPath:"./", 
    assetsDir: 'public',
}

打包的dist目录下所有复制到cordova生成的项目下的www目录下

cordova项目中找到AnroidManifest.xml
application 节点中添加 android:usesCleartextTraffic=“true”

<application android:usesCleartextTraffic="true">

或者在config.xml文件中，在 <platform name="android"/>节点内添加

   <edit-config file="AndroidManifest.xml" mode="merge" 
target="/manifest/application">
            <activity android:usesCleartextTraffic="true" />
        </edit-config>
        这个我试了好像没成功

如上是为了解决高版本生成的app无法和后端进行交互
如果还不行可以将android项目导入androidstudio中debug
发现报错URL blocked by whitelist:

cordova plugin add cordova-plugin-whitelist
cordova prepare
confg.xml添加
  <access origin="*" />

cordova-plugin-whitelist插件地址
最后
cordova build android 生成apk文件即可