企业官网建设流程全解析

前端工程化的构建治理

对话界面的重点是流状态、取消请求和不可信内容的安全渲染。模型输出应被视为外部输入。

流式状态不要直接拼接到渲染逻辑

用独立状态保存当前消息、完成消息和错误状态。请求被取消或组件卸载时，及时中止读取。

读取流的示例

const reader = response.body?.getReader(); if (!reader) throw new Error('响应没有可读流'); const decoder = new TextDecoder(); let text = ''; for (;;) { const { done, value } = await reader.read(); if (done) break; text += decoder.decode(value, { stream: true }); setDraft(text); }

Markdown 渲染应关闭或严格过滤原始 HTML；代码块、链接和附件也要有明确的安全策略。

验证建议

测试断网、取消、服务端错误、超长输出和含 HTML 的输出，确认界面不会卡住或执行不可信内容。