vue与cordova整合,生成webapp

来源:互联网 发布:淘宝详情编辑不用神笔 编辑:程序博客网 时间:2024/06/05 11:37
在创建项目的过程中,遇到了很多问题,在此记录一下。

根据vue官网,制作vue项目之后,运行npm run dev,可以在浏览器中正常运行,运行npm run build, 生成文件放在cordova项目的www文件夹下,运行cordova的相关命令,可以生成apk文件,但是安装在手机中只有一片空白,看了网上很多资料,奈何水平有限,仍旧没有运行成功。
看到有个插件:vue-cordova:github地址,决定试一下。插件中有个示例项目:vue-cordova-demo,运行项目,发现可以在手机中正常显示,通过查看demo代码,修改我自己的项目,终于可以正常运行了!
修改如下
1、修改main.js,添加vue-cordova插件:
这里写图片描述
2.config/index.js中,assetsPublicPath改为“”
这里写图片描述
其中,步骤2应该为重点,看到网上也有很多人说路径有问题,但是我没有试出来,只有看到了demo才知道哪里错了。
通过修改这两个地方,就可以方面的将cordova和vue进行整合,生成一个webapp。