Websocket オンライン環境エラー: アップグレード ヘッダーが無効なため、ハンドシェイクに失敗しました: null

1. 問題の説明:
同社は Websocket を使用するプロジェクトを持っており、ローカル環境のテストでは問題はありません。同社のバックグラウンド Websocket はマイクロサービスで構築されているため、プロキシのレイヤーを実行するために nginx が必要であり、次のエラーが発生します。

アップグレード ヘッダーが無効なため、ハンドシェイクに失敗しました: null

2. 問題解決
1. まず、独自の nginx 構成ファイルを見つけます —> 次のコードを構成します —> nginx を再起動します

location /consultation-websocket/ {
      proxy_pass http://127.0.0.1:8098/consultation-websocket/;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
 
      # For WebSocket upgrade header
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
}

2. これらの中で最も重要なのは、次の 3 行です。

proxy_http_version 1.1; (websoket が使用しなければならないプロトコルである HTTP/1.1 通信プロトコルを使用するように nginx に指示します)

proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade"; (WebSocket を使用したい場合に http アップグレード要求に応答するように nginx に指示します)

3. 構成表示

server {
        listen       8018 ssl ; 
        server_name  _;
	
        location /{
             root  /app/html/aligxdp/live/;
             index  index.html index.html;
             try_files $uri $uri/ /index.html;
             add_header Access-Control-Allow-Origin *;
          }

        location /byYtjEnv/ {
          rewrite ^/byYtjEnv/(.*) /$1 break;
          proxy_set_header Host $host;
          proxy_set_header X-Forwarded-For $remote_addr;
          proxy_set_header X-Forwarded-Host $server_name;
          proxy_set_header X-Real-IP $remote_addr;
           # For WebSocket upgrade header
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";

          proxy_pass http://app-service/;
        }
  
        error_page 404 /404.html;
                location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
                location = /50x.html {
        }
}