AI对话前端从入门到崩溃：一个长对话引发的五层优化战争【四】

刷新不丢、断线能续——持久化与恢复机制

Token管理好了，但用户不小心刷新页面，一切归零。在地铁里信号差，AI说了半句话就断了。本文用IndexedDB + SSE断线续传构建坚韧的体验。

01. 场景一：刷新页面，对话消失

用户聊了半小时，误触F5。由于内存数据重置，界面一片空白。用户愤怒地关闭了网页。

解决：每次AI回复完成，将完整对话序列化存入IndexedDB（不要用localStorage，它只能存5MB且同步阻塞）。

IndexedDB封装（使用Dexie.js）：

importDexiefrom'dexie';constdb=newDexie