ChatGpt 使用fetch-event-source实现sse流式处理

@microsoft/fetch-event-source 是一个由微软提供的库，用于在客户端和服务器之间建立基于 EventSource 的连接。EventSource 是一种 HTTP 协议，允许服务器向客户端推送实时事件流。该库提供了对 EventSource 协议的封装，使得在前端 JavaScript 中使用 EventSource 变得更加方便。

在 @microsoft/fetch-event-source 中，主要使用 fetchEventSource 函数来创建一个新的 EventSource 连接。这个函数接受一个 URL 参数，以及一个配置对象，其中可以包含一些选项，如请求方法、请求头、请求体等。当服务器向客户端推送事件时，可以通过 onmessage 回调函数来处理这些事件。此外，还可以提供 onerror 和 onclose 回调函数来处理连接错误和关闭事件

一、安装

pnpm install @microsoft/fetch-event-source

二、使用

 前端vue3：

import { fetchEventSource } from '@microsoft/fetch-event-source'

class RetriableError extends Error {}
class FatalError extends Error {}

const EventStreamContentType = 'text/event-stream; charset=utf-8'

export const fetchEventGpt = (data: