WebSocket握手期间跨域WebSocket连接失败：意外响应代码：400答案

【问题标题】：Cross-domain WebSocket connection failed during WebSocket handshake: Unexpected response code: 400WebSocket握手期间跨域WebSocket连接失败：意外响应代码：400
【发布时间】：2017-01-19 13:02:21
【问题描述】：

我正在尝试在 Node js 应用程序中使用 socket.io。我的应用程序位于子域上，而前端在域的 www 版本上运行。

在同一个域上运行前端和 Node js 服务不是一种选择。

从客户端到服务器来回发送数据似乎可以正常工作。我已经通过两种方式发送了数据，并且效果很好。

但是，在浏览器的控制台中，我收到以下错误。

WebSocket connection to 'wss://subdomain.domain.com/socket.io/?EIO=3&transport=websocket&sid=6bNHWyXcCdlMI0HHAAAB' failed: Error during WebSocket handshake: Unexpected response code: 400

我的 Nginx 配置如下所示：

# HTTP - redirect all requests to HTTPS:
server {
        listen 80;
        listen [::]:80 default_server ipv6only=on;
        return 301 https://$host$request_uri;
}

# HTTPS - proxy requests on to local Node.js app:
server {
        listen 443;
        server_name subdomain.domain.com;

        ssl on;
        # Use certificate and key provided by Let's Encrypt:
        ssl_certificate /etc/letsencrypt/live/subdomain.domain.com/fullchain.pem;
        ssl_certificate_key /etc/letsencrypt/live/subdomain.domain.com/privkey.pem;
        ssl_session_timeout 5m;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;
        ssl_ciphers '*******';

        # Pass requests for / to localhost:3000:
        location / {
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-NginX-Proxy true;
                proxy_pass http://localhost:3000/;
                proxy_ssl_session_reuse off;
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
                proxy_redirect off;
                proxy_http_version 1.1;
                proxy_set_header Connection "upgrade";

       }
}

客户端和Node js都使用https。

有谁知道导致此问题的原因以及如何解决？

谢谢

【问题讨论】：

标签： node.js nginx websocket socket.io

【解决方案1】：

您似乎忘记了升级标头。如果您想使用 Nginx 作为 WebSockets 的反向代理，则需要它。

正如here 所说，尝试再添加一个标题： proxy_set_header Upgrade $http_upgrade;

【讨论】：