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。
阅读全文
3 0
- vue与cordova整合,生成webapp
- 基于cordova的webapp在线生成思路
- WebApp与Ucenter整合
- Vue.js 2.0和Cordova开发webApp环境搭建
- Android/Ios 运行Cordova打包Vue的WebApp
- Vue.js 2.0和Cordova开发webApp环境搭建
- Cordova webapp?
- vue+phonegap(cordova)整合Android开发
- 使用ionic+cordova WebApp项目环境搭建与项目创建
- WebApp cordova 入门
- vue2 + cordova 开发webapp
- webapp开发使用Cordova-Cordova教程
- WebApp验证码生成与使用
- Cordova webapp实战开发:(1)为什么选择 Cordova webapp?
- cordova打包安卓webapp
- 构建vue-cli与cordova的开发环境
- vue实现webapp
- Cordova+Vue 项目初始化
- session总结
- PCL Save VTK File With Texture Coordinates 使用PCL库来保存带纹理坐标的VTK文件
- hdu 2159 FATE 二维完全背包
- error: Couldn't start Appium REST http interface listener. Requested port is already in use. Please
- 现在这里记录我自己的学习历程吧
- vue与cordova整合,生成webapp
- Netty入门应用
- 编程之战第六章 负数项斐波那契
- sunxi-tools修改script.bin
- GSF 入门教程
- halcon学习 边缘提取
- 利用java循环输出近似圆
- 线程之间通讯之AsyncTask与Handler的区别
- Linux vmstat命令实战详解