Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过与服务端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发独立自主，不会被服务端的开发所阻塞。

1. 约定式 Mock 文件

约定 /mock 文件夹下所有文件为 mock 文件。如/mock/api.ts:

export default {
  'GET /api/users': { users: [1, 2] },
  // GET 可忽略
  '/api/users/1': { id: 1 },
  // 支持自定义函数
  'POST /api/users/create': (req, res) => {
    res.setHeader('Access-Control-Allow-Origin', '*'), res.end('ok');
  },
};

2. 关闭 Mock

export default {
  mock: false,
};

或者

$ MOCK=none umi dev

3. 引入 Mock.js

import mockjs from 'mockjs';

export default {
  // 使用 mockjs 等三方库
  'GET /api/tags': mockjs.mock({
    'list|100': [{ name: '@city', 'value|1-100': 50, 'type|0-2': 1 }],
  }),
};