cordova 打包vue项目为apk

Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来，并依靠符合标准的API绑定去访问每个设备的功能，比如说：传感器、数据、网络状态等。

实现目标：
将一个vue项目打包为apk使用。由于这个项目是已有的项目，重写工作量太大，所以无法使用uniapp。上网了解到可以使用Cordova，将一个vue项目打包为apk。

准备工作：

1. 安装cordova
$ npm install -g cordova

2. 安装 Android studio软件
   在软件内下载安装android SDK
   
   设置环境变量ANDROID_HOME
   

3. 安装 Java JDK
   设置环境变量

4. 安装gradle
   gradle下载链接
   配置环境变量，我是直接在系统变量的path引入地址路径
   

打包步骤：
5. 在已有的vue项目内新建cordova项目
cordova create myApp
cd myApp
6. 初始化Cordova开发环境
cordova platform add android
7. 检查Cordova的环境是否正确安装
cordova requirements

显示如上表示环境正确安装，缺少什么根据上面的准备工作安装即可
8. 编译vue项目
我使用的vue-cli版本是4.0，目类结构如下：

直接在vue.config.js里设置打包路径为cordova内的www文件夹

module.exports = {
    publicPath: '',
    outputDir: './cordova/www'
}

执行编译 npm run build
9. 再次进入cordova文件目录下，执行cordova build android 打包为apk程序。

注意：

1. 生成带签名的apk，可在andriod studio内设置
   
2. cordova下的config.xml设置apk信息
3. 生成的apk无法联网，设置AndroidManifest.xml的内容
   
   在application内加入android:usesCleartextTraffic="true"
   
4. apk 内跳转页面无法使用window.location.href，会使程序卡住无法运行，修改为vue 路由。

参考文章：
cordova+vue 项目打包成Android（apk）应用

还有我旁边可爱的同事的帮助，成功将项目打包为apk程序，手机运行无误o(￣▽￣)ブ。