xiaoqiang730730 / vue_apicloud

build a hybrid application using vue and apicloud

介绍

使用vue和apicloud可以快速构建一个App。

• 一周一App
• app上架

todo

• app推送
• 自动更新(apicloud官方提供了云修复，可以整合使用)

快速开始

# 1. 先检查下 Node.js 是否安装成功

$ node -v
v10.0.0

$ npm -v
6.2.0

# 2. 由于众所周知的原因，可以考虑切换源为 taobao 源
$ npm set registry https://registry.npm.taobao.org/

# 3. 全局安装 vue-cli 一般是要 sudo 权限的
$ npm install --global vue-cli

# 4. 全局安装 apicloud-cli, 这个在客户端中调试页面需要用到
$ npm install --global apicloud-cli

# 5. 创建一个基于 vue_apicloud 模板的项目
$ vue init xiaoqiang730730/vue_apicloud my-project

# 6. 安装依赖，走你

$ cd my-project
$ npm install
$ npm run start

# 7. 打包构建

$ npm run package

默认vue-cli配置更改说明

1. browserslist 由于国内的安卓版本比较颗粒化，低版本的手机flex会有兼容问题，设置browserslist为> 0.01%, 差不多接近全部了。

2. 本地打包资源路径问题

3. 请求问题

由于apicloud是本地文件模式，页面发起请求会存在跨域问题，打包之后使用window.api.ajax，而在开发环境可以使用$.ajax、axios等

vue_apicloud's Issues

创建一个基于vue_apicloud的项目是什么意思啊

创建一个基于vue_apicloud的项目是什么意思啊，我怎么创建不了 大神解答一下吧

vue cli3.0构建的vue项目

目前我用vue cli3.0构建了一个vue项目，首次加载不会支持router，需要自己手动点下导航才能去跳转

api 会出现undefined

如果页面使用了api这个对象，直接用手机调试开始没问题，但是如果刷新了浏览器，再去app上调试就会出现app对象undefined； 猜测可能是浏览器环境和app切换导致出现了混乱

真机调试显示白板

按照：https://xiaoqiang730730.github.io/vue_apicloud/oneweekoneapp.html
这个的方法操作，手机上调试显示空白。浏览器可显示内容。是什么地方没操作对？

npm WARN [email protected] requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself.

npm install 提示以下错误

npm WARN [email protected] requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself.

added 1832 packages from 1159 contributors and audited 32161 packages in 37.456s
found 13 vulnerabilities (2 low, 1 moderate, 9 high, 1 critical)
run npm audit fix to fix them, or npm audit for details