美文网首页android
cordova 打包vue项目生成apk(知乎日报、cnode)

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

作者: 小学生的博客 | 来源:发表于2017-10-11 17:39 被阅读408次

    知乎日报

    练手的小项目,知乎日报手机端,既然是手机端,那就要支持安装到手机上。
    那就用原来经常捣鼓的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,没什么技术含量

    运行截图

    1 2 3 4 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)

        本文链接:https://www.haomeiwen.com/subject/ktnwyxtx.html