如何使用nodejs服务器和reactjs处理socket.io身份验证错误？

Question

当身份验证期间连接失败（JWT 令牌错误）时，我们尝试显示错误。

为此，我们在服务器上有一个中间件，用于验证令牌的有效性，并且如果令牌无效，则预计会返回错误：

io.use((socket, next) => 
{
    jwt.verify(socket.handshake?.query?.refreshToken, process.env.REF_JWT_SEC, (err, decoded) =>
    {
        if(decoded?._id && !err) 
        {
            socket.decoded = decoded._id;
            return next();
        }
        else
        {
            let err = new Error('authentication_error')
            err.data = { content : 'refreshToken error!' };
            return next(err);
        }
    });
});

在客户端上，我们有多个 socket.on() 实例：

const refreshToken = localStorage.getItem('refresh_token');
const socket = io(
  "http://localhost:4000",
  {
    query: { refreshToken },
  },
);
...
export const Chat = () => {
  ...
  useEffect(() => {
    socket.on("connect_error", err => {
      console.log(err); // <-- error we're trying to log
    });

    socket.on("error", err => {
      console.log(err); // <-- error we're trying to log
    });

    socket.on("message", ({id, text, sender}) => {
      console.log('# socket io res :', id, text, sender)
    })

    return () => {
      socket.disconnect()
    }
  }, []);
  ...
}

当尝试通过发送不正确的令牌（“ThisIsSomeIn CorrectToken”）来触发错误时，如预期的那样，发送/接收消息不起作用。但是，没有记录任何错误。

在客户端的控制台中我们可以看到对socket.io的请求：

请注意，当我保存 ReactJS 代码时，错误会以某种方式显示在客户端日志中，但如果我完全刷新浏览器或重新渲染组件，则错误不会显示在