写在前面:大致情况是这样的,以前自己学习编写项目时基本上都是前后端一起开发,或者是写一个假的前端页面,不实现与后台的数据交换。开始正式前端开发工作后,第一个问题就是要使用模拟数据,对于模拟数据我基本上处于仅仅只是听说过的程度,勉强知道一个postman是与之相关的软件。项目开发在即,可以说是火烧眉毛。
要求是使用mock数据,我首先找到了mock.js。
一看mock文档,需要在vue中引入,需要熟悉它的语法...
出于探索精神主要是懒,有没有更高效快捷的方法,既不用学习mock.js的语法,又能完成mock数据的实现呢?
然后主角VirAPI跳出来了,简直救我于水火。(www.virapi.com/)
它可以在线编辑mock数据,直接生成地址,前端直接请求就能得到数据。
第一:不用引入mock.js污染项目代码
第二:它支持傻瓜式编辑,就算完全不懂mock语法,也可以创建想要的模拟数据。当让,如果会mock也可以使用mock语法编写。
主要说说傻瓜式式编辑的使用流程
注册账号后,按流程新建自己的第一个应用.
- 第一个需要注意请求验证的规则,一般使用兼容模式就行
- 第二个需要注意的是你的AppKey,类似于token,之后有用
- 新建接口,选择好请求类型,如果有需要,也可以加上请求参数
- 编辑想要模拟的数据结构
- 创建接口
接口创建成功后,就可以测试并使用了
然后就可以直接请求
https://api.virapi.com/vir_gitee3ded7d745215c/API_2加上参数加上token(就是第二步的APPKey),例如:
https://api.virapi.com/vir_gitee3ded7d745215c/API_2/rua?username=12&usepwd=12&_token=$2a$10$KCz5kHcTy1/Y8k7i0SeZJurABmY2rOoE41D6F3noe8jpcL92PsyIu
如果是不带参数的请求,例如:
https://api.virapi.com/vir_gitee3ded7d745215c/demo/huodong?_token=$2a$10$EpcQAZT.XMgp.Z8zwHiNjufWG1hTC8yLXcA1LZGFiha.O4e8dmauW
总之一定要在请求地址后正确的加入token信息,不然就会请求失败