使用cordova打包Vue生成apk包

准备工作

npm 版本最好是最新的，升级npm，node版本也有一定的要求的，自行检查自己的版本。

npm i -g npm

创建好自己的vue项目。

配置

主要的两个配置：
assetsPublicPath：默认是根路径，改成当前相对路径，或者为空也行。
productionSourceMap： 用来支持打包后的调试，改为false,打包比较快。
如图：

修改根目录下的index.html文件

<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<meta http-equiv="Content-Security-Policy" >

如图：

注：http-equiv有content的话注意访问的logs。

打包项目

在终端上执行：

npm run build

得到index.html 和混淆的static文件夹。如图：

cordova

安装cordova：

npm install -g cordova

创建文件夹为：cordova-app 项目名为mapp的项目文件夹。然后执行：

cordova create cordova-app com.trgis mapp

打包ios或者android

cordova platform add ios --save
cordova platforms add android --save

这里使用的是android的环境：
使用androidstudio打包apk或使用xcode8进行打包 —-只能在mac系统上进行

也可以使用cordova 命令进行生成。
但需要搭建相应的环境：如android的需要搭建jdk、sdk、gradle。
在项目路径为：app2\platforms下执行：
如android的：

cordova run adroid

使用android-studio可以直接在目录下找个apk的包。