解决前端无法响应后端流式输出的问题

这样配置nginx之后,避免nginx对流式输出的内容缓存,避免造成前端流式展示的卡顿

server {
    listen 80;
    server_name localhost;

    # Vue静态文件的根目录
    root /home/lj/vue/dist;
    index index.html;

    # 处理Vue的路由
    location / {
        try_files $uri $uri/ /index.html;
    }

    # 反向代理到FastAPI
    location /api/ {
        proxy_pass http://127.0.0.1:8000;
        proxy_http_version 1.1; # 使用 HTTP/1.1 以支持 chunked 传输
        proxy_set_header Connection ''; # 保持连接
        chunked_transfer_encoding on; # 启用分块传输
        proxy_buffering off; # 禁用缓冲,确保实时传输
        proxy_cache off; # 禁用缓存
        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_set_header X-Forwarded-Proto $scheme;
    }
}

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐