响应 Mock01
让接口返回你需要的数据
用静态 JSON 或动态脚本生成响应,配置状态码和延迟,调试正常、异常和等待状态。
查看 Mock 与规则浏览器里的 API 调试工具
Mock 响应、改写请求、切换接口环境。从 DevTools 中的真实请求开始,让前端调试少一点等待。
| − | 名称 | URL | 操作 |
|---|---|---|---|
| me | https://api.example.com/users/me | 编辑规则 | |
| ✓ | orders | https://api.example.com/orders | 新建规则 |
| ✓ | plans | https://api.example.com/plans | 新建规则 |
| profile | https://api.example.com/profile | 新建规则 |
{
"id": "usr_2841",
"name": "Ada Chen",
"role": "developer",
"plan": "team",
"active": true
}为日常调试准备
不用搭建 Mock 服务,也不用修改业务代码。在你熟悉的浏览器里,处理联调中的那些小麻烦。
用静态 JSON 或动态脚本生成响应,配置状态码和延迟,调试正常、异常和等待状态。
查看 Mock 与规则改写 Query、Header 和 Payload,或将请求重定向到目标服务,方便切换环境与复现问题。
了解请求处理查看真实 Fetch/XHR,单条或批量生成规则草稿。请求命中后,可直接打开对应规则继续编辑。
打开 DevTools 指南安装插件后打开浏览器开发者工具,切到 Reqix 面板,再刷新页面或触发一次 Fetch/XHR。
查看请求详情,单条或批量创建规则。生成的规则默认停用,可以先确认匹配范围和响应内容。
开启站点接管与相关开关后,再次触发请求。查看命中规则与处理预览,需要调整时直接进入编辑。
少一点来回,多一点进展
先用 Mock 响应完成页面,把空列表、长文本和错误提示一并调好。
根据捕获的请求和响应创建规则,把边界条件留在本地反复验证。
调整请求参数或重定向到目标服务,减少临时修改业务代码的次数。
将它保存为页面脚本,按 URL 范围和执行时机运行。
给下一次调试,准备一个顺手的工具
支持 Chrome 与 Edge,直接从官方扩展商店安装。