MOCK联调最佳实践
Mock 数据是前端开发过程中必不可少的一环,是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口,模拟请求数据甚至逻辑,能够让前端开发独立自主,不会被服务端的开发所阻塞。
JUI默认集成了塞伯坦前端数据模拟服务器(cybmock),CYBMOCK提供前端开发专业的MOCK服务,支持修改MOCK数据的热更新,模拟数据支持对象、数组、函数,或者与mockjs
结合,模拟任何随机数据,默认支持跨域请求。更多说明和使用请参考其文档。
MOCK服务基本结构
project
├── cybmock.config.js #mock接口配置
└── mock #mock数据存放目录
MOCK接口配置
在cybmock.config.js
集中管理MOCK接口,便于调用、配置和维护。
// project/cybmock.config.js
import { demoMock } from './mock/demo-mock'
export default {
'GET /api/demo-mock': demoMock
}
MOCK数据格式
支持使用ES Module组织和编写MOCK数据,简化复杂项目MOCK数据的开发和维护工作。
// mock/demo-mock.js
export const demoMock = (req, res) => {
res.send({
errno: 0,
msg: '',
data: {}
})
}
export default {
demoMock
}