microsoft/fetch-event-source"如何实现sse流式打字

`microsoft/fetch-event-source` 是一个基于Fetch API的库，它简化了使用服务器发送事件（Server-Sent Events, SSE）的功能，这是一种Web技术，用于实现实时推送数据到客户端浏览器。在实际应用中，比如实时聊天的流式打字功能，它是通过以下几个步骤实现的：

1. **创建EventSource对象**:
使用 `fetch` 函数，传入支持 SSE 的 URL，例如 `https://example.com/chat`，并带上 "event-stream" 或者 "text/event-stream" 类型的头信息，创建一个 EventSource实例。

const eventSource = new EventSource('https://example.com/chat');

2. **处理服务器响应**:
当服务器发送事件时，EventSource对象会触发 `message`、`open` 和 `error` 等事件。你需要监听 `message` 事件来获取实时的数据：

eventSource.addEventListener('message', (event) => {
  const data = event.data;
  // 解析接收到的数据（通常是一个JSON字符串）
  const jsonData = JSON.parse(data);
  // 更新UI显示新的消息
});

3. **错误处理**:
应对网络中断或服务器关闭等情况，需要处理 `error` 事件：

eventSource.addEventListener('error', (error) => {
  console.error('Error occurred:', error);
  // 可能需要重试连接或者通知用户
});

4. **关闭连接**:
当不再需要实时更新时，记得关闭EventSource:

eventSource.close();