共计 1036 个字符，预计需要花费 3 分钟才能阅读完成。
简介：最近用 vue-cli 框架写安卓版 APP，本来打算用 Hbuilder 打包成.apk 文件即可，但发现配置起来复杂，还不如自己搭建环境，用 cordova 工具提供的命令在终端实现，下面介绍遇到的问题及解决。
一、打包过程
首先要有 node 环境，然后用 npm install -g cordova，
终端或 powershell 里，执行 cordova create resume com.dls myresume
其中 resume 是项目目录，com.dls 是包名，myresume 是应用程序的显示标题
1. 执行 npm run build 之后，复制 vue 项目中 dist 下面的文件，到创建好的 resume 项目的 www 文件下
复制 到
2. 将终端切换到创建的 resume 项目目录：cd resume
执行 cordova platforms add android –save 这里的平台名称可以是其他，我打包的是 apk，所以使用安卓平台。
3. 执行 cordova platform ls 来检查当前设置状况
4. 执行 cordova requirements 来检查打包条件 JDK、SDK、Gradle
jdk 必须安装 1.8* 版本的，另外注意环境变量配置正确，一定要新建系统变量，命名成特定名称，不能直接把安装路径写在系统变量 Path 后面，例如 Java JDK，新建系统变量名为 JAVA_HOME，变量值为 JDK 的安装路径，然后在系统变量 Path 中，将 %JAVA_HOME%bin; %JAVA_HOME%jrebin 追加到变量值后面。详情见 https://segmentfault.com/a/11…
5. 执行 cordova build android 开始打包，初次打包需要下载 Gradle 配置文件，有点慢。
打包完毕会出现打包后生成的.apk 文件路径
把路径粘到窗口回车就可以看见打包好的.apk 文件了
二、问题
在手机上打开后灰屏，cordova 打包的是 www 文件夹下的内容，也就是说，内容应该都在 www 文件夹下面，而我们的源代码要放到 src 下面去，vue-cil 的 index.html 是在根路径下面的，所以需要修改打包配置。
首先，打开 vue-cli 项目的 config 下的 index.js，将 build 里 assetsPublicPath 的值由 ’/’ 改为 ’./’
然后，打开 vue-cli 项目的 build 下的 util.js，将打包构建时提取 css 的公共路径往上加两层，详见图：
这样修改之后，在 npm run dev 浏览器环境下预览会有问题，但在手机上可以成功预览。
