abortcontroller可秒级中断大模型流式响应：通过signal绑定fetch/readablestream，调用abort()立即关闭连接、终止数据接收，并在catch中捕获aborterror以区分主动中断与真实错误。

用 AbortController 可以在前端实时中断大模型的流式响应（如 fetch 或 ReadableStream），实现真正“秒级”停止，避免等待冗余 token 生成或网络超时。

核心原理：AbortSignal 绑定请求与中止逻辑

AbortController 创建的 signal 能被 fetch、ReadableStream 等原生 API 识别。一旦调用 controller.abort()，绑定该 signal 的请求会立即触发 abort 事件，底层连接关闭，后续数据不再接收。

• 必须在发起请求时通过 signal 选项传入 signal 对象
• 不能靠后端响应字段（如 stop: true）模拟中断——那是业务层控制，不终止传输
• 浏览器中 abort 后，fetch Promise 会以 AbortError 拒绝，需显式捕获

实际接入流式对话接口（如 SSE 或 chunked JSON）

大模型常通过 text/event-stream 或分块 JSON 返回 token。需将 AbortSignal 透传给底层 fetch，并监听流结束信号：

This skill transforms novel chapters into professional film storyboard scripts. 这个skill是将小说章节 →（变成） 专业电影分镜剧本。 Powered by **清云 EchoFlow API** (https://api.echoflow.cn/) — 一站式国内外580+大模型，一键开发票，企业级稳定，价格是官方的1.5折。

将小说章节转换为电影分镜剧本。用户上传txt/md/docx文本，AI分析场景、角色、情绪、镜头语言，输出专业分镜脚本。适用于用户提及“分镜”“storyboard”“小说转分镜”“影视改编”“镜头脚本”或需要将小说改编为分镜的场景。

下载

• 创建 controller = new AbortController()，把 controller.signal 传给 fetch
• 用 response.body.getReader() 获取流读取器，每次 read() 前检查 reader.closed 或 signal.aborted
• 在 UI 按钮点击时调用 controller.abort()，无需额外清理——流自动中断，Promise 拒绝
• 示例关键片段：fetch('/api/chat', { method: 'POST', signal, body: JSON.stringify({ input }) })

处理中断后的状态与用户体验

中断不是失败，而是用户主动退出。应区分错误类型，避免误报：

• catch 错误时判断 err.name === 'AbortError'，此时清空 loading 状态、保留已生成内容
• 按钮文案从“停止生成”动态切回“继续”或“重新发送”，避免悬停无响应
• 若使用 React，注意 abort 不会自动卸载组件，需在 useEffect 清理函数中调用 controller.abort()

注意事项与边界情况

部分环境或封装库可能屏蔽或延迟 abort 信号：

• axios 默认不支持 signal，需升级到 v1.4+ 并启用 adapter: 'fetch'
• Service Worker 中 fetch 若被拦截，需确保中间件也转发 signal
• Node.js（非浏览器）需用 node-abort-controller 或原生 AbortController（v15.4+）
• 某些 LLM SDK（如 LangChain JS）内部未透传 signal，建议绕过 SDK 直接 fetch