Skip to main content
Version: 2.x

UI端Mock数据

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

使用 UI 的 Mock 功能

框架约定 pages 文件夹下的 _mock. ( ts | js ) 文件即 mock 文件,文件导出接口定义,支持基于 require 动态分析的实时刷新,支持 TS 语法,以及友好的出错提示,基于mocker-api封装

// **/_mock.js 或者 **/_mock.ts
module.exports = {
'GET /api/users/list': { code: 200, data: { list: [1, 2] }, msg: '' },
'GET /api/users/1': { code: 200, data: { id: 1 }, msg: '' },
// 支持自定义函数,API 参考 mocker-api
'POST /api/users/create': (req, res) => {
res.end('OK');
}
};

详细使用请参考mocker-api