API 服务开发 / 配套实验

让浏览器调用你的 FastAPI

先启动 http://127.0.0.1:8000 的 API，再通过 http://localhost:5500/web-client.html 打开此页。在开发者工具的 Network 面板中观察请求。

01 · POST /notes

浏览器发送 JSON 请求体，服务创建笔记并返回 201。

等待请求

02 · GET /stream · SSE

服务连续发送 token 事件，最后发送 done。客户端收到结束事件后主动关闭连接。

未连接

收到的文本会显示在这里

03 · /ws · WebSocket

连接保持期间，客户端可以多次发送消息。这里的文本 ping 是应用约定，不是协议控制帧。

未连接

服务端消息会显示在这里

本页只在本机练习。CORS 允许来源为 localhost:5500 和 127.0.0.1:5500；请勿双击 HTML 使用 file:// 打开。