首页/AI 提示词库/编程开发/Mock 数据与接口模拟提示词

Mock 数据与接口模拟提示词

⌨ 编程开发 适配:Claude / ChatGPT / DeepSeek难度:入门 4 个变量一键复制
使用说明

根据接口文档生成前端可用的 Mock 方案:数据结构、边界用例、本地服务与联调切换。

后端接口未就绪时前端并行开发、演示数据准备、自动化测试数据构造。

提示词模板未填写变量以红色标出
帮我生成接口 Mock 方案。

【接口定义】{{接口定义}}
【技术栈】{{技术栈}}
【数据规模】{{需要的数据规模}}
【特殊要求】{{特殊要求}}

请输出:
一、Mock 数据生成代码:
- 字段类型与示例值对齐接口定义,枚举字段用真实业务值(不用 foo/bar)
- 列表数据用生成函数,包含我要求的规模,字段间保持逻辑一致(如创建时间 < 更新时间、金额与状态匹配)
二、边界数据集:空数组、单条、超长文本、特殊字符(emoji/多语言)、每页边界(第 1 页 / 最后一页 / 空页)
三、异常场景 3 种:401(token 失效)、500(服务异常)、超时(3s 无响应),并说明每种在前端应触发的预期表现
四、本地接入方式:按我的技术栈给出具体接法(MSW handler / vite 插件 / 本地 JSON + 拦截器),含安装与启动命令
五、联调切换方案:环境变量一键切换 Mock/真实接口的配置写法,保证上线前零残留
六、数据一致性提醒:哪些字段需要和真实后端对齐(命名、时间格式、分页协议),列成 checklist

要求:代码可直接复制运行;时间/金额等字段用符合业务常识的值;分页协议以后端文档为准。
填变量变量会自动替换进上方模板,可随时复制
已填 0 / 4
使用步骤
  1. 按接口定义对齐字段。
  2. 边界和异常各备一套。
  3. 环境变量切换联调。
字段逻辑一致
「已取消」的订单不该有支付完成时间。
异常数据提前造
等联调才发现 401 处理缺失,是前端最常见的返工。
常见问题
MSW 和拦截器选哪个?

MSW 拦截网络层更真实,简单项目用 axios 拦截器更省事。

Mock 会不会带上线?

用环境变量隔离并在 CI 加检查,提示词里第五部分就是干这个的。