## 一、概述 [Easy Mock](https://www.easy-mock.com/)一个在线Mock平台；它是一个可视化，并且能快速生成**模拟数据**的持久化服务，支持[Mock.js](http://mockjs.com/)语法；简单点说：Easy Mock就是一个在线创建mock的服务平台，帮你省去你 配置、安装、起服务、维护、多人协作Mock数据不互通等一系列繁琐的操作， 它能在不用1秒钟的时间内给你所要的一切； ## 二、与mock.js区别 mockjs主要用于生成和拦截数据，easy-mock有些更加强大和实用的功能。它不仅能够生成模拟数据，更能以项目的方式管理的你接口，还能实现团队协作。此外，它还是支持接口动态入参和返回响应值。这样在前后端分离的开发环境中，接口多且复杂，它能发挥最大的作用。 >[danger] 简单来说，mock.js够用了，但easymock更好； ```js // src/mock.js const Mock = require('mockjs') const Random = Mock.Random const getResource = () => { let resources = [] for (let i = 0; i < 10; i++) { resources.push({ id: Random.date() + ' ' + Random.time(), label: '一级' + Random.csentence(2, 5), children: [{ label: '二级 1-1-1' }] }) } return resources } /** * 格式： Mock.mock(url, post/get , 返回的数据)； * 当post或get请求到路由的时候mock会拦截并返回 * 注意写全路径 **/ Mock.mock('http://localhost:8088/getResource', 'get', getResource()) ``` 使用： ~~~jsx axios.get('http://localhost:8088/getResource') ~~~ ## 三、用easymock来实现 新建一个测试项目， 创建接口， ~~~jsx { "success": true, "data": { // 传入Mock 并利用Mock.Random获取随机数 data: function({ Mock }) { let resources = [] for (let i = 0; i < 10; i++) { resources.push({ id: Mock.Random.date() + ' ' + Mock.Random.time(), label: '一级' + Mock.Random.csentence(2, 5), children: [{ label: '二级 1-1-1' }] }) } return resources }, } } ~~~ 调用： ~~~jsx axios.get('https://easy-mock.com/mock/5cf4ed09b15d1b56a81c641f/getResource') ~~~