单页应用路由切换时必须显式关闭SSE连接，否则连接持续存活、服务器照常推送；应在组件卸载时调用eventSource.close()，配合服务端感知连接状态并优雅终止。
单页应用路由切换时，SSE 连接若未主动关闭，会继续在后台接收数据、占用带宽和内存——这不是“断开即释放”，而是连接持续存活、服务器照常推送、客户端默默丢弃或堆积事件。关键不是等浏览器自动清理，而是**在组件/页面离开前显式关闭连接**，并配合服务端做连接感知与优雅终止。
路由卸载时必须手动关闭 EventSource
SSE 使用 EventSource 实例建立连接，它不会随组件销毁自动关闭。只要实例没调用 .close()，连接就保持打开，即使用户已跳转到其他路由：
- React 中，在
useEffect清理函数里关闭：return () => { eventSource?.close(); } - Vue 2 在
beforeDestroy，Vue 3 在onBeforeUnmount中调用eventSource.close() - 避免把
EventSource声明在全局或模块顶层，防止跨路由复用却无法精准控制生命周期
用路由元信息标记 SSE 所属上下文
多个页面可能同时开启不同 SSE 流（如通知流、对话流、实时订单流）。仅靠 close() 不够，还需确保关的是“当前页面该关的那个”：
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
- 创建时记录所属路由路径或 session ID：
const es = new EventSource('/api/notifications', { withCredentials: true });<br>es.__routeContext = '/dashboard'; - 在路由守卫（如
router.beforeEach）中遍历已存在的EventSource实例，对__routeContext匹配旧路径的实例执行.close() - 更稳妥方式：用 WeakMap 管理映射关系，避免强引用阻碍 GC
服务端配合：识别客户端路由跳转并停止推送
客户端关闭后，服务端若不知情，仍可能向已失效连接推送数据（尤其使用连接池或长连接保活机制时）：
立即学习“Java免费学习笔记（深入）”；
- 前端关闭前，可向服务端发送轻量心跳终结请求（如
POST /api/sse/close?session=xxx），服务端据此清除对应会话缓存与推送任务 - 服务端监听 SSE 连接的
close事件（Node.js 的res.on('close')或 Nginx 的proxy_buffering off配合超时检测），及时释放资源 - 为每个 SSE 请求附带
Referer或自定义 header（如X-Route-Path: /chat），服务端按当前活跃路由动态过滤推送内容
避免重复连接 + 启用重连节流
路由快速来回切换时，容易因逻辑不严谨导致新建多个 EventSource 实例，而旧的尚未关闭：
- 封装 SSE 工厂函数，内部用 Map 缓存按路径/类型区分的实例，
getOrCreate('/api/chat')优先复用 - 设置重连间隔最小阈值（如
eventSource.readyState === 0时，延迟 2s 再尝试），防止因频繁切页触发密集重连 - 禁用默认重连（
eventSource.reconnectDelay = 0），改由业务层统一控制——只有真正需要时才重建
