解决nginx转发websocket报400错误

Posted 2020-12-13 玩好人生这场大游戏

说明

由于个人服务器上面有多个项目，配置了二级域名，需要对二级域名进行转发，在转发工作这里采用了大名鼎鼎的nginx。在这之前所有的项目运行转发都没问题，然而今天在部署一个具有websocket通信的项目时，却意外的报错了，错误消息如下：

failed: 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升级请求。