服务端向客户端推送消息。
服务端采用长连接的方式。
// 响应头
"Content-Type": "text/event-stream",
Connection: "keep-alive",
"Cache-Control": "no-cache",客户端使用 EventSource 接收通知。
// 接收服务端的通知
const events = new EventSource("/events");
events.onmessage = (event) => {
const parsedData = JSON.parse(event.data);
setFacts((facts) => facts.concat(parsedData));
};启动服务
pnpm install pnpm serve
浏览器打开多个 Tab 页，访问地址：