cordova 打包 vue 项目的问题

• 这里不再对 cordova 如何打包 vue 项目，以及 cordova 的使用做过多讲解，
• cordova 的使用在网上可以找到很多教程
• 我只在这里讲解我打包 vue cli3 项目遇到的一些问题

cordova 打包 vue 项目真机白屏问题

• 这应该是最容易遇到的问题
• 网上也很多这样的问题，但是答案都不太正确，要么摸棱两可要么各种测试
• 其实对于这类问题，只需要看看你的 vue.config.js 中的 publicPath=“./”是否为相对路径就可以解决
  

cordova 设置 apk 应用图标路径问题

• 在网上，搜索这类问题可以找到很多答案
• 例如排名靠前的：https://www.cnblogs.com/mfyngu/p/10619184.html
• 教程是详细，但是都没有说明这么使用，图标应该放在哪里
• 即便有说也是如下面这样的

• 或者这样
  

路径相对问题

• 在项目中，config.xml 文件中使用的路径一般都是相对于 www 文件所在的那个文件夹而言，比如下面

• 里面的路径问题都是相对于 community 这个文件夹而言的，
• 所以对于第一个白屏问题，如果 publicPath=“/”是相对路径，www 下的 index.html 页面中引入的资源都是相对 community 这个问价夹而言，而在这里是没有 js、css 等文件的，所以会出错，
  

cordova 打包 vue 项目后路由跳转不了问题

• 这个问题我也是在研究了很久之后才解决的。
• 这类问题常出现的现象是
• 在你真机打开第一个页面后正常显示，但是发生路由跳转后，真机没有任何提示出错，并且一直在跳转状态。
• 解决这个问题，只需要将你的 vue 路由文件的路由模式改为 hash 模式，使用 history 模式就会出现在真机上路由跳转问题

• 具体为什么会这样，我也没有深究。