根据接口文档生成前端可用的 Mock 方案:数据结构、边界用例、本地服务与联调切换。
后端接口未就绪时前端并行开发、演示数据准备、自动化测试数据构造。
帮我生成接口 Mock 方案。 【接口定义】{{接口定义}} 【技术栈】{{技术栈}} 【数据规模】{{需要的数据规模}} 【特殊要求】{{特殊要求}} 请输出: 一、Mock 数据生成代码: - 字段类型与示例值对齐接口定义,枚举字段用真实业务值(不用 foo/bar) - 列表数据用生成函数,包含我要求的规模,字段间保持逻辑一致(如创建时间 < 更新时间、金额与状态匹配) 二、边界数据集:空数组、单条、超长文本、特殊字符(emoji/多语言)、每页边界(第 1 页 / 最后一页 / 空页) 三、异常场景 3 种:401(token 失效)、500(服务异常)、超时(3s 无响应),并说明每种在前端应触发的预期表现 四、本地接入方式:按我的技术栈给出具体接法(MSW handler / vite 插件 / 本地 JSON + 拦截器),含安装与启动命令 五、联调切换方案:环境变量一键切换 Mock/真实接口的配置写法,保证上线前零残留 六、数据一致性提醒:哪些字段需要和真实后端对齐(命名、时间格式、分页协议),列成 checklist 要求:代码可直接复制运行;时间/金额等字段用符合业务常识的值;分页协议以后端文档为准。
MSW 拦截网络层更真实,简单项目用 axios 拦截器更省事。
用环境变量隔离并在 CI 加检查,提示词里第五部分就是干这个的。