Reactjs 如何通过套接字发送令牌

注册或授权后，服务器向用户发送令牌。对于客户机，我使用react

比如这个

{
    token: 'yJhbGciOiJIUzI1NiIsEKJhiqAI8ACCtU0F5HTCSgC9GsQEG02Lg'
}

当用户想要向聊天室发送消息时，他必须将此令牌发送到服务器

如何将令牌传输到服务器

我是这样实现的

import io from 'socket.io-client';

const your_jwt = 'yJhbGciOiJIUzI1NiIsEKJhiqAI8ACCtU0F5HTCSgC9GsQEG02Lg';

const socket = io('http://localhost:8081', {
    query: `token=${your_jwt}`,
});

const socket = io('http://localhost:8081', {
    extraHeaders: {
        Authorization: `Bearer ${your_jwt}`,
    },
});

通过发送，因此令牌不安全。我可以在页眉中发送一个音调吗

我试着这样做

import io from 'socket.io-client';

const your_jwt = 'yJhbGciOiJIUzI1NiIsEKJhiqAI8ACCtU0F5HTCSgC9GsQEG02Lg';

const socket = io('http://localhost:8081', {
    query: `token=${your_jwt}`,
});

const socket = io('http://localhost:8081', {
    extraHeaders: {
        Authorization: `Bearer ${your_jwt}`,
    },
});

但是令牌不会在头中到达服务器