前后端联调时，最让人头疼的莫过于手动搬运Mock数据——复制粘贴时稍不留神，JSON结构错位、ID重复、路径映射错误，前端直接给你甩个404或解析失败。其实，CodeBuddy完全支持自动将Mock数据实时推送至本地json-server，关键在于走对路子：通过AI指令或设置默认地址启用路径自动映射，批量推送时精准匹配接口路径（比如 /api/users 自动映射到 /users），彻底告别手动操作的槽点。

在开始配置之前，先确认json-server已经正确启动，并且暴露了RESTful接口。打开终端，执行 npm list -g json-server 检查全局安装版本是否 ≥ 0.17.4；如果没装，顺手跑一下 npm install -g json-server。接着新建一个 db.json 文件，注意内容必须是合法的JSON对象（不能是数组或纯字符串），比如 {"users": []}。空文件、非对象结构或语法错误会导致json-server静默崩溃，这个坑别踩。然后执行 json-server --watch db.json --port 3000 启动服务；访问 http://localhost:3000/users，应该看到返回空数组 [] 且状态码为200，说明服务跑起来了。

在CodeBuddy中配置json-server为默认Mock目标

配置方式有两种，挑一个顺手的就行。

方法一：通过AI对话框指令绑定

在CodeBuddy对话窗口输入：“将后续所有生成的Mock数据，自动POST到 http://localhost:3000/{path}，其中{path}取自接口定义路径，请求头包含 Content-Type: application/json”。CodeBuddy会记住这个规则，后续你生成类似 /api/products 的数据时，它会自动向 http://localhost:3000/products 发起POST请求，省心省力。

方法二：手动设置项目级推送地址

点击右上角齿轮⚙️ → 进入“Mock设置” → 在“默认推送地址”栏填入 http://localhost:3000 → 勾选“启用路径自动映射” → 保存。不过要提醒一句：如果json-server启用了 --readonly 模式，这个设置会导致所有推送返回405错误，必须关闭该参数才能正常使用。

批量生成并实时推送到json-server

接下来演示批量推送的完整流程。假设需要生成三组数据：/api/users、/api/posts、/api/comments。

第一步：在CodeBuddy中依次生成这三段响应。比如先问“生成符合OpenAPI规范的 /api/users 响应”，再问“生成 /api/posts 响应”，最后问“生成 /api/comments 响应”。确保三段响应都保留在当前对话历史中。

第二步：输入一条指令：“把刚才生成的三个接口数据，全部以POST方式推送到 http://localhost:3000，路径名严格对应原始接口路径（去掉/api前缀）。”

第三步：CodeBuddy会自动提取每段数据的逻辑路径，分别向 http://localhost:3000/users、http://localhost:3000/posts、http://localhost:3000/comments 发送请求。整个过程不需要手动复制粘贴，路径映射由工具帮你搞定，不会出现路径错误或结构错位。

第四步：刷新浏览器访问 http://localhost:3000/users，确认新数据已经被写入，并且可以被GET请求读取。如果顺利，你就能在json-server里实时看到最新Mock数据，直接用于前端开发。