用户输入后页面必须立刻渲染消息并发起请求；需支持多轮上下文，history字段完整传输且前端本地维护；ai回复须逐字流式渲染，若用fetch+sse需正确处理data:前缀。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让前端工程师快速理解并实现一个能与ChatGLM后端交互的页面，但又不想反复解释“消息怎么发”“历史怎么存”“流式输出怎么渲染”，更怕对方按普通表单逻辑写完才发现AI对话体验卡顿、断连、错乱。
明确说出你想要的对话行为模式
第一步：直接告诉前端“用户输入后，页面必须立刻显示用户消息，同时发起请求，不能等后端返回才渲染”。这是硬性要求，否则会出现用户打完字→空白几秒→突然弹出整段回复的割裂感。
第二步：说明是否需要支持多轮上下文。如果要，必须强调“history字段要完整传给后端，且前端本地也要维护一份可回溯的消息列表”，否则刷新页面后对话就断了。
第三步：指出流式响应是否必须。如果后端已支持token级流式返回（如SSE或WebSocket），就写清楚：“AI回复要逐字出现，不是整段一次性渲染”，并补充一句——【若用fetch+text/event-stream但没处理data:前缀，会导致首字丢失】。
提供可运行的最小后端接口样例
方法一：给curl命令（最可靠）
复制粘贴就能试，避免口头描述偏差：curl -X POST "http://localhost:8000" -H "Content-Type: application/json" -d '{"prompt":"你好","history":[["上句","下句"]]} '
方法二：给真实返回片段（带结构）
直接截图或粘贴JSON响应体，重点标出response字段位置和history数组格式，不写“类似”“大概”，写“response字段值就是AI本轮输出纯文本，不含换行符和markdown标记”。
方法三：提供Postman Collection链接（仅限团队内网可用时）
链接里已预置好请求头、Body模板、示例响应，前端点开就能导入调试。
指定UI交互细节，拒绝模糊表述
① 输入框行为：回车提交，还是只允许点按钮？如果两者都要，写明“回车提交，但禁用Shift+回车换行”。
② 消息气泡样式：用户消息右对齐、AI消息左对齐；AI头像用固定SVG图标，不要用随机emoji——【emoji在不同系统渲染差异大，会导致气泡宽度跳变】。
③ 加载态：用户发送后，AI消息区域显示“…”占位符，且不可点击、不可复制；加载中禁止重复提交，按钮置灰并加loading图标。
④ 错误提示：网络失败时，在输入框下方显示红色小字“连接中断，请检查服务是否运行”，不弹alert，不跳转页面。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
