nginx - Socket.io + Flask 和前端 HTTPS 反向代理 & 后端 HTTP 反向代理

问题描述

因此，如果我尝试通过 https 访问网站，我的客户端 websocket 将无法连接到网络服务器。通过http它可以工作。我的设置如下：

我在传递请求的机器上本地有一个 python socketio webserver 和一个 http 反向代理（后端代理）。这工作得很好。

现在我有一个前端 https 反向代理，它将连接传递到后端，此时它会中断。websockets 现在无法连接。如果我的前端代理使用 http 它会再次工作。

客户端错误信息：

The connection to wss://frontend.example.com/socket.io/?EIO=3&transport=websocket&sid=92f50dc52f374c79baca0ecfd14f15b6 was interrupted while the page was loading.

我使用 flask-socketio 库并使用以下命令启动 python 应用程序：

app = f.Flask(__name__)
socketio = sockio.SocketIO(app)
socketio.run(app)

$ netstat -tulpen
tcp        0      0 127.0.0.1:5000          0.0.0.0:*               LISTEN      1000       86048      5619/python3.7      
tcp        0      0 0.0.0.0:80              0.0.0.0:*               LISTEN      0          115411     6903/nginx: master

后端 nginx 配置：

 server {
    listen 0.0.0.0:80 ;
    listen [::]:80 ;
    server_name backend.example.com ;
    location / {
            proxy_pass http://127.0.0.1:5000;

    }
    location /socket.io {
        proxy_pass http://127.0.0.1:5000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection $connection_upgrade;
        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;
        proxy_set_header        X-Forwarded-Host $host;
        proxy_set_header        X-Forwarded-Server $host;
        proxy_set_header        Accept-Encoding "";
    }
}

前端 nginx 配置：

server {
        listen 0.0.0.0:443 ssl http2 ;
        listen [::]:443 ssl http2 ;
        server_name frontend.example.com ;
        location /.well-known/acme-challenge {
                root /var/lib/acme/acme-challenge;
                auth_basic off;
        }
        ssl_certificate /var/lib/acme/frontend.example.com/fullchain.pem;
        ssl_certificate_key /var/lib/acme/frontend.example.com/key.pem;
        ssl_trusted_certificate /var/lib/acme/frontend.example.com/full.pem;
        location / {
                set $nix_proxy_target "http://backend.example.com";
                proxy_pass $nix_proxy_target;
        }
        location /socket.io {
                set $nix_proxy_target "http://backend.example.com";
                proxy_pass $nix_proxy_target;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection $connection_upgrade;
                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;
                proxy_set_header        X-Forwarded-Host $host;
                proxy_set_header        X-Forwarded-Server $host;
                proxy_set_header        Accept-Encoding "";
        }
    }

标签： nginxflasksocket.ioreverse-proxyflask-socketio

nginx - Socket.io + Flask 和前端 HTTPS 反向代理 & 后端 HTTP 反向代理

问题描述

解决方案

推荐阅读