Nginx的流式响应配置

Nginx的流式响应配置

使用ChatGPT的能力在聊天时来实现打字机效果，因此需要服务端接口进行流式响应，碰到了几个问题：
1、服务端明明配置了响应头的Content-Type为：text/event-stream，但前端仍然不是流式接收内容。
2、虽然前端能以流式接收服务端的响应内容，但内容接收完毕，长连接并未关闭，导致前端还以为服务端有数据，会一直请求服务端，最后导致超时。
最后发现是nginx的问题，由于本地对接的时候并未启用nginx，所以本地对接没有任何问题。而线上使用nginx请求转发，有些配置是有默认参数的，所以会失败。因此，在这里分享一下，如果小伙们遇到同样的问题，可以试一试。

nginx部分配置如下：

server {
  server_name xxxx;
  listen xxxx;

  location /xx/xx  {
             add_header backendIP $upstream_addr;
       
             proxy_set_header        Host            $host;      
             proxy_set_header        X-Real-IP       $remote_addr;      
             proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
             
             proxy_http_version 1.1; # 设置http版本为1.1；默认为：1.0
             proxy_set_header Connection ""; # 设置Connection为长连接；默认为：no     
             proxy_cache off;  # 关闭缓存；默认是：on
             proxy_buffering off;  # 关闭代理缓冲；默认是：on
             chunked_transfer_encoding on;  # 开启分块传输编码
             tcp_nopush on;  # 开启TCP NOPUSH选项，禁止Nagle算法
             tcp_nodelay on;  # 开启TCP NODELAY选项，禁止延迟ACK算法
             keepalive_timeout 60;  # 设定keep-alive超时时间为60秒  

             proxy_pass http://xxxx:xxxx;  
             proxy_redirect          off;  
             proxy_connect_timeout   15;  # 与upstream server的连接超时时间（没有单位，最大不可以超过75s）
             proxy_send_timeout      300; # 发送请求给upstream服务器的超时时间
             proxy_read_timeout      300; # nginx会等待多长时间来获得请求的响应
    }
}

最主要的几个配置：

• proxy_http_version 1.1;
• proxy_set_header Connection “”;
• proxy_cache off;
• proxy_buffering off;
• chunked_transfer_encoding on;

知识点：

• Nginx 是通过缓存响应内容来处理请求的。也就是说，当 Nginx 接收到完整的响应后，才会将其发送给客户端，因此默认是不支持流式响应，需要手动开启。

希望能帮助到你，有问题可以留言，互相学习！