大佬教程收集整理的这篇文章主要介绍了部署项目 WebSocket failed: Error during WebSocket handshake: Unexpected response code: 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升级请求。
补充:
server {
listen 80;
server_name school.godotdotdot.com;
charset utf-8;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
LOCATIOn / {
proxy_pass http://127.0.0.1:3000;
proxy_set_header Host $host;
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;
}
}
以上是大佬教程为你收集整理的部署项目 WebSocket failed: Error during WebSocket handshake: Unexpected response code: 400全部内容,希望文章能够帮你解决部署项目 WebSocket failed: Error during WebSocket handshake: Unexpected response code: 400所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。