如何处理 Server-Sent Events 中的连接重置？
Server-Sent Events (SSE) 是一种基于 HTTP 的服务端推送技术，它能够实现服务器向客户端实时推送数据，而无需客户端主动发起请求。相比于 WebSocket，它有更好的兼容性。然而，在使用 SSE 过程中，可能会遇到连接重置的问题，本文将介绍如何处理这个问题。
SSE 连接重置的原因
SSE 是基于 HTTP 长连接实现的，也就是客户端向服务器发起一个长时间的连接，服务器会通过这个连接向客户端实时推送数据。但是，由于各种原因，比如网络问题、服务器问题等，这个连接可能会被中断或者重置，这时候就需要重新建立连接。
如何处理 SSE 连接重置
在 SSE 连接重置时，我们需要做一些处理，以确保数据不丢失，并且保持实时的数据推送。下面介绍两种处理方式。
- 自动重连
当 SSE 连接重置时，可以使用 JavaScript 的事件监听函数 onerror 来重新建立连接，具体代码如下：
-- -------------------- ---- -------
--- --------- - --- -----------------------
------------------- - --------------- -
------------------------
--
----------------- - --------------- -
-----------------------------
--------------------- -
--------- - --- -----------------------
------------------- - --------------- -
------------------------
--
-- ------
--在这个例子中，我们通过 setTimeout 来等待一段时间，然后重新建立连接。当连接性能比较好时，自动重连是一种比较理想的处理方式。
- 手动重连
当连接重置时，也可以手动进行重连，具体代码如下：
-- -------------------- ---- -------
--- ----------
--- ----------- - -----
-------- ------------ -
--------- - --- -----------------------
---------------------------------- --------------- -
-------------------------------
---
------------------------------------- --------------- -
------------------------
----------- - ------------------
---
----------------------------------- --------------- -
-----------------------------
-------------
---
-
-------------在这个例子中，我们通过手动调用 connectSSE 来重新建立连接，并且通过 lastEventId 来保证数据不丢失。当连接性能较差时，手动重连是一种更加可靠的处理方式。
结论
无论是自动重连还是手动重连，都能够有效地处理 SSE 连接重置的问题，并且保持实时的数据推送。在使用 SSE 时，需要根据实际情况选择不同的处理方式，以保证连接的稳定性。
参考代码
一个完整的示例代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ---------- -------------
-------
------
------- ---------- ----------
--------
--- ----------
--- ----------- - -----
-------- ------------ -
--------- - --- -----------------------
---------------------------------- --------------- -
-------------------------------
---
------------------------------------- --------------- -
------------------------
----------- - ------------------
---
----------------------------------- --------------- -
-----------------------------
-------------
---
-
-------------
---------
-------
-------其中，sse.php 为实际的服务器端推送脚本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6703765bd91dce0dc84b8e2e