4履约任务13 分钟

Streaming SSE 打字机流式输出

SSE 协议、FastAPI StreamingResponse、Next.js ReadableStream 消费与 Nginx 反代注意事项。

SSEStreamingNext.jsFastAPI
进度保存在本机浏览器;验收通过后再点更稳妥
本课任务 · AI 履约学法

实现 SSE 流式对话,前端出现打字机,并收到 usage 事件。

推荐:复制 Prompt → 在 AI大模型/AI编程工具 改项目 → 跑验收 → 再展开下方概念卡。不必先对着仓库读代码。

Prompt
你在 codehub-llm-core 中实现流式对话。

本课目标:
1. POST /api/chat/stream → text/event-stream
2. 事件类型必须包含:message / usage / error / done
3. 前端用 fetch + ReadableStream(禁止 EventSource)
4. AbortController 可停止生成

约束:
- Nginx 备注写入 README:proxy_buffering off
- 样式简洁即可

验收:打开首页发消息,1 秒内见首字;Network 里能看到 event: message 与 event: done。
验收标准npm run verify:llm-04
  • SSE 含 message、usage、done 至少三种 event
  • 前端可停止生成
  • 断网/错误有用户可见提示

卡关对照:Gitee tag phase-2-sse(验收通过后再看,或路径 C 直接 checkout)