nginx 根路径同时代理 http ws sse 三种请求

HTTP(HyperText Transfer Protocol):超文本传输协议,是用于在客户端(通常是web浏览器)和服务器之间传输数据的协议。HTTP是Web的基础,用于请求和传输网页、图像、视频等资源。它采用请求-响应模型,支持多种方法(如GET、POST等),并可通过HTTP/1.1和HTTP/2等版本进行优化,以提高性能和用户体验。

WebSocket:WebSocket是一种在单个TCP连接上进行全双工通信的协议。它允许客户端和服务器之间实现实时双向数据传输。WebSocket通过握手过程建立连接,并在一次握手后保持该连接,从而减少了HTTP请求的开销,适合实时应用如在线聊天、股票实时更新等。

SSE(Server-Sent Events):服务器推送事件是一种通过HTTP协议向浏览器推送实时事件的技术。与WebSocket不同,SSE是单向的,数据从服务器流向客户端。它使用 text/event-stream MIME类型,适用于需要实时更新但不需要客户端响应的场合,如实时新闻推送、股票价格更新等。SSE易于使用并支持自动重连。

利用 map 实现

map 定义的就是一个字典(k,v),通过不同key,映射不同value值。

nginx 复制代码
http {
    map $http_content_type $connection_header {
        default "upgrade";
        "text/event-stream" "keep-alive";
    }

    upstream http_backend {
        server 127.0.0.1:80;
    }

    server {
        listen 9123;
        # server_name your_domain_name;

        location / {
            proxy_pass http://http_backend;
            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;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection $connection_header;
            proxy_cache off;
        }
    }
}

使用 if 和变量实现

if 表达式里面不能直接包含指令 proxy_set_header Connection keep-alive,会报错,但是可以包含变量间接实现。

nginx 复制代码
upstream http_backend {
    server 127.0.0.1:80;
}

server {
    listen 9123;
    # server_name your_domain_name;

    location / {
        set $connection_header "upgrade";

        if ($http_content_type ~* "text/event-stream") {
            set $connection_header "keep-alive";
        }

        proxy_pass http://http_backend;
        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;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection $connection_header;
        proxy_cache off;
    }
}
相关推荐
ping某2 天前
为什么 Nginx 明明监听了 80,转发后端时却用了 4xxxx 端口?
后端·nginx
霜落长河3 天前
抛弃TCP改用UDP,HTTP3怎么了?
http
之歆4 天前
现代 HTTP 客户端深度解析:Fetch 与 Axios
chrome·网络协议·http
難釋懷4 天前
Nginx反向代理中的容错机制
运维·nginx
bloglin999994 天前
Nginx高危漏洞CVE-2021-23017及配置样例
运维·nginx
进阶的小名4 天前
Spring Boot SSE + Nginx 配置:解决 EventSource 不实时返回、连接超时、流式响应被缓冲问题
spring boot·后端·nginx
難釋懷4 天前
Nginx获取客户端真实IP
服务器·前端·nginx
qq_谁赞成_谁反对4 天前
甲方IT的成长之路--nginx实战--2604
服务器·数据库·nginx
程序员mine4 天前
HTTPS-TLS加密与证书完全指南(下)
网络协议·http·https
图灵追慕者4 天前
Nginx安裝以及配置顯示本地服務器文件夾
运维·nginx