现在非常流行AI问答，AI回答的时候一般都是流式输出，一个字几个字几个字地慢慢加载完，要实现这个效果，我们一般可以用WebSocket和Server-Sent来实现。
我会选择使用SSE，为什么不用WebSocket呢？
1. WebSocket是双向通信，这个功能只需要服务器一直向我们输出。
2.SSE是一个http协议的请求，能更好地兼容浏览器。
但是呢，又遇到了一个问题，我们知道get请求是由长度限制，如果是一个POST请求，按照SSE 的标准事不允许 POST请求的。如何解决这个问题呢？
一、npm install @microsoft/fetch-event-source文章来源：https://www.toymoban.com/news/detail-788340.html
二、 简单封装下文章来源地址https://www.toymoban.com/news/detail-788340.html
import {fetchEventSource} from '@microsoft/fetch-event-source';
const controller = new AbortController()
const signal = controller.signal
export default function sseRequset(url, obj, successCallback, errCallback){
console.log(url, obj)
fetchEventSource(url, {
method: 'POST',
signal: signal,
headers: {
'Content-Type': 'application/json',
'Accept': '*/*'
},
body: JSON.stringify( obj)) ,
onmessage(msg) {
successCallback(msg)
},
onerror(err){
// 必须抛出错误才会停止
errCallback(err)
throw err
}
})
}到了这里，关于前端Server-Sent Events（SSE）请求如何用post的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![SSE[Server-Sent Events]实现页面流式数据输出(模拟ChatGPT流式输出)](https://imgs.yssmx.com/Uploads/2024/01/813587-1.png)
