马会东的博客

马会东的博客

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

解决nginx转发websocket报400错误

说明

由于个人服务器上面有多个项目,配置了二级域名,需要对二级域名进行转发,在转发工作这快采取了大名鼎鼎的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这个位置,配置文件如下所示:

1server {
2        listen       80;
3        server_name  school.godotdotdot.com;
4        charset utf-8;
5
6        location / {
7            proxy_pass http://127.0.0.1:3000;
8            proxy_set_header Host $host;
9            proxy_http_version 1.1;
10            proxy_set_header Upgrade $http_upgrade;
11            proxy_set_header Connection "upgrade";
12            proxy_set_header X-Real-IP $remote_addr;
13            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
14            proxy_connect_timeout 60;
15            proxy_read_timeout 600;
16            proxy_send_timeout 600;
17        }
18
19        error_page   500 502 503 504  /50x.html;
20        location = /50x.html {
21            root   html;
22        }
23
24    }

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

1proxy_http_version 1.1;
2proxy_set_header Upgrade $http_upgrade;
3proxy_set_header Connection "upgrade";

其中第一行是告诉nginx使用HTTP/1.1通信协议,这是websoket必须要使用的协议。

第二行和第三行告诉nginx,当它想要使用WebSocket时,响应http升级请求。

基于MIT开源协议 
本文链接:http://blog.godotdotdot.com/2017/12/04/解决nginx转发websocket报400错误/

posted on 2018-07-09 22:25  马会东  阅读(18379)  评论(2编辑  收藏  举报