## 一、概述 [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') ~~~