1.解决什么问题?
问题:前后端分离项目,前端和后端人员都是根据 API 文档进行开发项目的,不应该直接相互依赖, 前端人员不应该等待后端开发好接口后再进行测试,既然不依赖后端接口,那前端人员应该如何测试呢?
解决:可以通过模拟数据生成器,通过一定规则 (API文档)生成模拟数据接口, 提供给前端人员进行测试。
2.什么是Mock.js?
官网:http://mockjs.com/
Mock.js 是用于生成随机数据,拦截 Ajax 请求。(通过拦截 Ajax 请求,根据数据模板生成并返回模拟数据,让前端攻城师独立于后端进行开发,帮助编写单元测试。)
Mock.js 作用:
1.前后端分离
*********让前端攻城师独立于后端进行开发。
2.增加单元测试的真实性
*********通过随机数据,模拟各种场景。
3.开发无侵入
*********不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
4.用法简单
*********符合直觉的接口。
5.数据类型丰富
*********支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
6.方便扩展
*********支持扩展更多数据类型,支持自定义函数和正则。
3.安装mock.js
命令控制台中:npm install mockjs