部署項目 WebSocket failed: Error during WebSocket handshake: Unexpected response code: 400

解決nginx轉發websocket報400錯誤

轉載鏈接：https://www.cnblogs.com/duanweishi/p/9286461.html

說明：
由於個人服務器上面有多個項目，配置了二級域名，需要對二級域名進行轉發，在轉發工作這快采取了大名鼎鼎的nginx。在這之前所有的項目運行轉發都沒問題，然而今天在部署一個具有websocket通信的項目時，卻意外的報錯了，錯誤消息如下：

1failed: Error during WebSocket handshake: Unexpected response code: 400
。這個錯誤在本地測試環境以及訪問非nginx轉發都沒有問題，由此推斷出問題應該出現在nginx轉發這個環節。

於是，在google的幫助下，看到了socket.io 官方issues有關於這個問題的討論，鏈接：https://github.com/socketio/socket.io/issues/1942

解決方案
看了下討論區說的方案，問題出現在nginx的配置文件，需要修改nginx.conf文件。在linux終端中敲入vim /etc/nginx/nginx.conf，找到location這個位置，配置文件如下所示：

server {
        listen       80;
        server_name  school.godotdotdot.com;
        charset utf-8;

        location / {
            proxy_pass http://127.0.0.1:3000;
            proxy_set_header Host $host;
 proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade";
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_connect_timeout 60;
           proxy_read_timeout 600;
           proxy_send_timeout 600;
        }

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

 

其中最重要的是下面這三行

proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";

其中第一行是告訴nginx使用HTTP/1.1通信協議，這是websoket必須要使用的協議。

第二行和第三行告訴nginx，當它想要使用WebSocket時，響應http升級請求。

 

轉載於：https://blog.csdn.net/cai454692590/article/details/94463636