Mock.js-拦截Ajax请求
在团队开发项目时,由于不是一个人去写前端,后端代码,开发进度的不同导致一个团队等待另一个团队的情况,后端人员除了要写接口,还要写接口文档,进度可能比前端人员略慢,前端人员停下来等待接口又十分的不友好,拖慢项目的进度,有的人定义一个json,模拟返回数据,但是这样的话又不够灵活,不能模拟后台返回的不同类型的数据,于是Mock.js就是一个解决这种问题的神器,
Mock的优势
- 前后端分离—–定义好接口文档之后,前端人员不用再等待后台的接口。
- 增加测试的真实性—-不同于直接用json返回固定的数据,返回数据更加接近真实环境中的情况
- 不需要修改代码就能拦截AJax请求,并能返回请求
- 用法简单
- 数据类型丰富,支持随即文本,数字,boolean,图片,color,等
- 支持扩展
安装与使用
安装与使用都十分的简单,这里基于vue-cli写的简单的例子,使用axios发起请求
在项目中直接使用npm安装
npm install mockjs --