Mock 数据

用户场景

"接口还没开发完,但前端需要联调,怎么办?"

"想测试某个异常响应,但后端不好复现。"

Mock 数据功能允许你拦截请求并返回自定义响应,无需后端配合即可完成前端联调和异常测试。仅在反向代理模式下可用。

看到的画面

右侧面板底部显示 Mock 规则列表:

Mock 数据

  • 📋 规则列表:每条规则显示请求方法、路径、状态码、响应预览
  • 🔢 数量徽章:标题栏显示当前规则总数
  • 🔄 启用/禁用开关:每条规则可独立开关,关闭后不拦截

创建 Mock 规则

方式一:从拦截记录保存

  1. 在拦截记录中右键任意记录
  2. 选择「保存为 Mock」
  3. 自动创建规则,包含该接口的请求和响应数据

方式二:手动新增

  1. 点击 Mock 面板的编辑按钮(或新增规则)
  2. 在弹窗中填写:
字段说明示例
请求方法HTTP 方法GET / POST / PUT / DELETE / PATCH
请求路径接口路径/shater/dispatch/list
请求头匹配的请求头(可选)Accept: application/json
请求体匹配的请求体(可选){"id":1}
响应状态码返回的 HTTP 状态码200 / 404 / 500
响应头返回的响应头Content-Type: application/json
响应体返回的响应内容{"code":"0","data":{}}
备注规则说明(可选)模拟发货列表为空

规则匹配逻辑

当反向代理收到请求时,按以下顺序匹配:

  1. 请求方法必须一致
  2. 请求路径必须匹配
  3. 请求头和请求体为可选项,填写则参与匹配

匹配成功后,沙特协作直接返回 Mock 响应,不转发到真实服务器。

交互操作

每条规则支持以下操作:

  • 👁️ 预览:在中间面板查看该规则的完整请求和响应
  • 📤 隔空投送:将 Mock 规则推送给团队成员
  • ✏️ 编辑:修改规则的各项配置
  • 🗑️ 删除:删除该规则
  • 🔘 开关:快速启用/禁用,无需删除

适用场景

  • 🔨 前端先行:后端接口未就绪,前端用 Mock 数据联调
  • 🐛 异常测试:模拟 500 错误、超时、空数据等异常场景
  • 🔄 数据隔离:修改响应数据验证前端逻辑,不影响真实服务
  • 📦 回归测试:固化典型响应数据,用于回归验证