最近项目部署到正式环境的时候发现页面websocket连接错误。如下：

   

其中与本地环境的区别就是正式环境配置了nginx。

而我通过真实路径访问正式环境项目，也能正常连接。经查阅相关资料，在nginx.conf 配置文件中location 加入如下参数即可：

proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_read_timeout 3600s;

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

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

socket.io 官方issues有关于这个问题的讨论，链接：https://github.com/socketio/socket.io/issues/1942