本文是 Crazyrouter Claude Code 系列第 23 篇。本文会围绕「Claude Code 接入 Crazyrouter 连载 23：完整项目实战」展开，重点覆盖 完整项目实战、拒绝 "Happy Path"：完善核心链路、注入灵魂：模拟真实数据 (Mock Data)。
统一接入口径：Claude Code / Anthropic 原生客户端使用
ANTHROPIC_BASE_URL=https://cn.crazyrouter.com；OpenAI 兼容 SDK、HTTP 请求和前后端应用使用base_url=https://cn.crazyrouter.com/v1。
/v1/v1/... 问题。很多初学者做原型，往往只做“Happy Path”（最理想的路径）：用户点击 -> API 响应成功 -> 显示结果。 但在真实世界里，事情往往没那么顺利。为了让你的原型看起来像个真正的产品，你需要考虑以下几个“隐形”的环节。
当用户点击“生成文案”时，AI 往往需要几秒钟才能响应。如果界面毫无反应，用户会以为程序坏了。 你需要让 AI IDE 帮你加上 Loading 状态：
API Key 可能会过期，网络可能会断开。 你需要让 AI IDE 帮你处理报错：
存储方案选择：
| 方案 | 适用场景 | 特点 |
|---|---|---|
| LocalStorage | 纯前端项目，用户数据保存在浏览器 | 实现简单，刷新不丢失，无法跨设备同步 |
| JSON 文件 | 本地原型，数据以文件形式存储 | 结构清晰，便于调试，可手动编辑 |
| TXT 文件 | 最简方案，快速记录文本内容 | 格式自由，兼容性好 |
对话内容示例： 保存的对话历史通常包含以下内容：
一个空荡荡的页面是无法打动人的。 为了让演示效果最佳，我们需要“伪造”一些逼真的数据，让你的原型看起来像一个已经运营了半年的真实产品。
只需要告诉 AI 你的业务场景：
AI 会根据你的描述，自动帮你构思出类似 productName , generatedContent 这样的字段。
有了数据结构后，下一步就是让 AI 帮你“填空”，生成一批看起来真实的数据。
提示词技巧： 你不能只告诉 AI “帮我生成数据”，你需要像给实习生布置任务一样，告诉它业务背景和内容要求：
业务场景要求：
生成的 Mock Data 示例：
如果你希望刚才生成的“模拟数据”不仅能看，还能删、能改，甚至新生成的任务刷新页面后还在，你可以结合 LocalStorage 。
localStorage 读取数据。localStorage 为空，则使用刚才生成的 Mock 数据初始化，并将它们存入 localStorage 。addProductTask 和 deleteProductTask 函数，每次操作都要同步更新 localStorage 。”通过这一步，你的原型就拥有了“记忆”，用户体验几乎和真产品无异。
闭门造车是做不出好产品的。现在你的原型已经具备了“核心功能”+“完整链路”+“演示数据”，是时候拿给别人看了。
样式错乱：不同屏幕尺寸下可能会乱。
操作别扭：“这个流程太繁琐了”。
需求新增：“如果有这个功能就好了”。
记住：在这个阶段，AI 是你最好的修改助手。你只需要负责发现问题，代码修改交给它。
/v1 用法如果你准备把 Claude Code、国产模型或自己的应用统一接入 Crazyrouter，可以按这个顺序推进：
https://cn.crazyrouter.com；OpenAI 兼容 SDK 使用：https://cn.crazyrouter.com/v1。/v1。需要评估模型成本或选择不同模型时，可以先查看 Crazyrouter 价格与模型页，再把常用模型加入 Token 白名单。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。