第 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)