cordova 打包vue项目生成apk(知乎日报、cnode)

知乎日报

练手的小项目,知乎日报手机端,既然是手机端,那就要支持安装到手机上。
那就用原来经常捣鼓的cordova打包生成apk咯。

vue-zhihu
vue-cnode

使用到的技术

  • vue2.0
  • axios
  • less
  • muse-ui
  • cordova

使用vue脚手架,muse样式库,写的知乎日报手机端,但是发现使用cordova打包生成的apk,不能获取到数据

经测试才发现,当初写手机端时候,修改了proxyTable{...},才实现了接口的访问,这才是重点

删掉删掉,app直接调接口就能实现访问。这~ 我得用两个版本了

一个web版本用于看效果,一个就是这个改吧改吧用于打包生成apk的版本vue-zhihu

这叫人情何以堪

如何把vue项目改成可以供cordova打包的项目,网上有方法,可以参考下面这位的方法

ok,没什么技术含量

运行截图

cordova 打包vue项目生成apk(知乎日报、cnode)_第1张图片
1
cordova 打包vue项目生成apk(知乎日报、cnode)_第2张图片
2
cordova 打包vue项目生成apk(知乎日报、cnode)_第3张图片
3
cordova 打包vue项目生成apk(知乎日报、cnode)_第4张图片
4
cordova 打包vue项目生成apk(知乎日报、cnode)_第5张图片
5
"dependencies": {
    "axios": "^0.16.2",
    "less": "^2.7.2",
    "less-loader": "^4.0.5",
    "muse-ui": "^2.1.0",
    "vue": "^2.4.2",
    "vue-awesome-swiper": "^2.6.4",
    "vue-router": "^2.7.0"
  },
项目未完待续

使用现成的框架,又写了个vue-cnode

发现一个坑爹的问题,这几个项目在pc 端都能正常的显示, 但是使用cordova打包生成apk后图标都不正常了

不适用谷歌字体,使用font-awesome 也是一样。待解决。难道是路径问题


参考资料:
教你用Cordova打包Vue项目

你可能感兴趣的:(cordova 打包vue项目生成apk(知乎日报、cnode))