接收错误：xhr 轮询错误 socket.io 客户端反应

Posted 2023-02-16

【中文标题】接收错误：xhr 轮询错误 socket.io 客户端反应

【英文标题】：Receiving Error: xhr poll error socket.io client React

【发布时间】：2021-10-05 12:29:07

【问题描述】：

尝试连接到我的 websocket 网关时，我在 connect_error 事件中收到 Error: xhr poll error。 我正在使用"socket.io-client": "^4.2.0"。

import  io  from "socket.io-client";

const ENDPOINT = "http://localhost:3001";

const socket = io(ENDPOINT);

socket.on("connect_error", (e: any) => 
   console.log(e);
);

【问题讨论】：

新版本的 socket.io 还需要服务器端的 cors。 socket.io/docs/v4/handling-cors

【参考方案1】：

您可以尝试将客户端连接设置为仅使用 websocket 传输。默认情况下它使用 weboscket 和轮询。

   transports: ['websocket']

所以你的代码会变成：

const socket = io(ENDPOINT, 
   transports: ['websocket']
);