JavaScript 中 SSE 怎么处理连接建立失败的错误-js教程-PHP中文网

sse连接建立失败时会静默停留在readystate===0，需主动超时检测并分层处理：创建后5秒内未变为1则判定失败，结合网络状态、http状态码等差异化提示，并前置fetch预检、避免重复初始化。

javascript 中 sse 怎么处理连接建立失败的错误

SSE 连接建立失败时，不会触发 onerror，也不会进入重试流程，而是静默停留在 readyState === 0。这种“无声失败”最容易被忽略，必须主动检测、分层判断、及时干预。

连接建立失败的典型表现

创建 EventSource 后，readyState 长期为 0（CONNECTING）
控制台无 onopen 日志，也无 onerror 输出
Network 面板可见请求卡在 pending，或返回 401/403/502/CORS 错误，但前端收不到状态码

主动检测连接是否真正建立

不要依赖 onerror，而要在实例创建后立即启动超时监控：

创建 EventSource 后，启动一个 5 秒定时器
若期间 readyState 未变为 1（OPEN），即判定为初始连接失败
此时手动执行错误处理，例如清理实例、提示用户、终止后续逻辑

function waitForOpen(es, timeout = 5000) {
  return new Promise((resolve, reject) => {
    const timer = setTimeout(() => {
      if (es.readyState !== 1) {
        es.close();
        reject(new Error('SSE initial connection timeout'));
      }
    }, timeout);

    const check = () => {
      if (es.readyState === 1) {
        clearTimeout(timer);
        resolve();
      }
    };

    es.addEventListener('open', check, { once: true });
  });
}