React JS socket IO 断开问题

Question

我正在创建一个聊天应用程序，其中后端位于 Node.js 中，前端位于 ReactJS 中。

这是连接Socket IO的客户端代码。

socketRef.current = io("SOCKET-URL", {
    transports: ["websocket"],
    upgrade: false,
    reconnection: true,
});

后端 Node.js 代码如下。

const io = new Server(httpsServer, {
    pingInterval: 25000,
    pingTimeout: 60000,
    cors: {
        methods: ["GET", "POST"],
    },
})

现在我们遇到了套接字断开连接的问题，并且经常断开连接。显然，我已经处理了断开连接后的重新连接，尽管它没有按预期工作。我尝试了多种场景，即“长轮询失败”和“XHR 长轮询”。在我的研发过程中，似乎我们必须从前端解决它，但不确定如何解决。 :). 此外，我还处理了一个队列机制来在后端接收多个消息。我已经在 ReactJS 中编写了代码来一一发送 N 条消息，但是在一些消息之后它被断开并且卡住了。我的目标是，接收者必须接收所有消息，并且套接字不会出现任何错误。附上截图供参考。 仅供参考。我两者都使用 Socket.IO 4.4.0 版本。

请帮我解决这个问题。

没有答案，但有同样的问题，你解决了吗？

Answer 1