什么是 Server-Sent Events
Server-Sent Events（SSE）是一个 HTML5 特性，用于从服务器向客户端发送一系列事件。它建立在 HTTP 协议之上，使用 HTTP 的长连接，在客户端和服务器之间创建持久的双向通信通道，从而实现服务器推送信息到客户端的功能。
SSE 主要用于推送实时的通知、新闻、股票报价、天气预报等数据，也可以用在游戏中实现实时的游戏状态更新等场景。
如何发起 SSE 请求
要发起 SSE 请求，需要创建一个 EventSource 对象，并指定服务器 URL。
const eventSource = new EventSource("http://example.com/stream");服务器会返回一系列的事件，客户端可以通过监听事件来接收服务器推送的信息。
eventSource.onmessage = function(event) {
console.log("Received event: " + event.data);
};如何处理非 200 的响应
在正常情况下，服务器向客户端推送数据时，会返回一个状态码为 200 的响应。但是，有时服务器可能会返回其他不同于 200 的状态码，例如 404 或 500，导致客户端无法正常接收数据。那么，如何处理这种情况呢？
首先，需要知道 SSE 对错误的处理机制。如果服务器返回状态码不是 200，则 SSE 会自动断开连接。这是因为 SSE 建立的是一种持续连接，为了防止长时间占据服务器资源，浏览器规定一段时间内未能收到有效数据则主动断开。
在断开连接后，客户端需要重新建立连接。为了实现这一点，可以在 EventSource 对象上监听 error 事件来捕获错误信息。
eventSource.onerror = function(event) {
console.error("Received error:", event);
// 需要重新建立连接
};在 error 事件中，event 对象包含了错误的详细信息，可以根据错误信息来做出相应的处理。
不过，重新建立连接并不是直接调用 new EventSource，而是需要先关闭上一个连接，再重新创建一个新的 EventSource 对象。
完整的示例代码如下：
-- -------------------- ---- ------- --- ----------- - --- ----------------------------------------- --------------------- - --------------- - --------------------- ------ - - ------------ -- ------------------- - --------------- - ----------------------- -------- ------- -------------------- ----------- - --- ----------------------------------------- --
结论
在使用 SSE 接收服务器推送数据时，需要注意处理非 200 的状态码。通过监听 error 事件，并在事件处理函数中关闭和重新创建连接，可以实现对错误信息的捕获和处理，从而保证客户端能够正常接收服务器推送的信息。
以上是 Server-Send Events（SSE）如何处理非 200 的响应的详细介绍。通过本文的学习，相信读者能够更好的掌握 SSE 的使用，并在实际项目中应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67504cbefbd23cf890765d79