如何使用Easy Mock 前端

如何使用Easy Mock Easy Mock是什么
Easy Mock是一个可视化，并且能快速生成模拟数据的服务。以项目管理的方式组织MockList，能帮助我们更好的管理Mock数据，不怕丢失。
解决的问题
? 开发时，后端还没完成数据输出，前端只好写静态模拟数据。
? 数据太长了，将数据写在js文件里，完成后挨个改url。
【如何使用Easy Mock】? 某些逻辑复杂的代码，加入或去除模拟数据时得小心翼翼。
? 想要尽可能还原真实的数据，要么编写更多代码，要么手动修改模拟数据。
? 特殊的格式，例如IP，随机数，图片，地址，需要去收集。
常见的mock方式

将mock数据直接写在代码里
利用JS拦截请求
利用Charles、Fiddler等代理工具拦截请求
mock平台。如EasyMock、RAP等

使用的优势

前后端分离：让前端工程师独立于后端进行开发。
增加单元测试的真实性：通过随机数据，模拟各种场景。
开发无侵入：不需要修改既有代码，就可以拦截ajax请求，返回模拟的响应数据。
用法简单：符合直觉的接口。
数据类型丰富：支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
方便扩展：支持扩展更多数据类型，支持自定义函数和正则。
在已有接口文档的情况下，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成之前，只需要改变url地址即可。

如何使用

打开Easy Mock官网：https://easy-mock.com，注册并登录。
创建个人项目或者团队项目
新增接口
在项目中使用接口
具体教程：
https://www.cnblogs.com/zlhd/p/7730251.html
https://blog.csdn.net/bradmatt/article/details/80811072

编码实战 Demo：https://ptteng.github.io/PPT/demo/js-11-How%20to%20use%20easy%20mock/demo.html
语法详见mock.js官网实例：http://mockjs.com/examples.html