WebSocketハンドシェイク中にクロスドメインWebSocket接続に失敗しました：予期しない応答コード：400

Question

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"; 

     } 
} 

クライアントとノードJSの両方が、HTTPSを使用しています。

誰でもこの問題の原因と解決方法を知っていますか？

ありがとうございました

Answer 1

アップグレードヘッダーをお忘れのようです。 NginxをWebSocketのリバースプロキシとして使用する場合は、これが必要です。

としてはただ1つの以上のヘッダを追加しようと、here言った： proxy_set_header Upgrade $http_upgrade;