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
}