我有一个像这样的Next.js API（/api/events/index.js）：

import EventSource from 'eventsource';
import { getAccessToken, withApiAuthRequired } from '@auth0/nextjs-auth0';

export default withApiAuthRequired(async function handler(req, res) {
  if (req.method === 'GET') {
    const { accessToken } = await getAccessToken(req, res);

    res.writeHead(200, {
      Connection: 'keep-alive',
      'Cache-Control': 'no-cache',
      'Content-Type': 'text/event-stream',
    });
    const eventSource = new EventSource(
      `http://localhost:8000/v1/event-stream`,
      { headers: { Authorization: `Bearer ${accessToken}` } },
    );

    eventSource.onmessage = (e) => {
      res.write(`data: ${e.data}\n\n`);
      //  res.end();
    };
  }
});

本质上，我试图在后端API SSE端点上发出请求，该端点需要授权承载令牌（最好，访问令牌应仅在Next.js API端可用）。在接收到事件后，应响应新事件流写入。
在React客户端代码中，我只是像这样订阅这些SSE：

const IndexPage = () => {
  
  useEffect(() => {
    const eventSource = new EventSource(`http://localhost:3000/api/events`);
    eventSource.onmessage = (e) => {
      console.log(e);
    };
    return () => {
      eventSource.close();
    };
  }, []);

  return <div></div>;
}

问题出在哪里？客户端什么都没有收到。当我尝试在API端调用res.end()时，客户端收到了一个事件，但事件流一直在重新连接......就像，每秒钟。基本上，连接没有保持活动状态。我如何转发我的SSE结果？