SSE本地运行正常但部署到Vercel后失效，求技术解决方案

架构老林

2026-7-22

问题原因

Vercel的Serverless Functions默认会缓冲所有响应，直到请求处理完毕才一次性返回，这直接破坏了SSE流式传输的核心逻辑——分块实时推送数据。所以才会出现本地正常但部署后变成整包返回、Content-Length替代Transfer-Encoding的情况。

解决步骤

1. 切换到Vercel Edge Functions

Serverless Functions不支持流式响应，必须改用Edge Functions，它原生支持流式传输和实时响应。需要将你的API路由配置为Edge运行时。

2. 调整代码适配Edge环境

直接用pipe在Edge环境下可能存在兼容问题，建议改用fetch获取OpenAI的流，再直接返回流对象。同时确保OpenAI请求明确开启流式：

import { NextResponse } from 'next/server';

export const config = {
  runtime: 'edge', // 关键：指定为Edge运行时
};

export async function POST(req) {
  // 获取客户端请求体
  const clientBody = await req.json();

  // 请求OpenAI的流式接口
  const openAIRes = await fetch('https://api.openai.com/v1/chat/completions', {
    method: 'POST',
    headers: {
      'Authorization': `Bearer MY_AUTH_TOKEN`,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      ...clientBody,
      stream: true, // 必须开启流式返回
    }),
  });

  // 将OpenAI的流直接返回给客户端
  return new NextResponse(openAIRes.body, {
    headers: {
      'Content-Type': 'text/event-stream',
      'Cache-Control': 'no-cache',
      'Connection': 'keep-alive',
      'X-Accel-Buffering': 'no',
    },
  });
}