如何在flutter中向socketIO添加标头

Question

我尝试在 dart 中连接套接字 io。我使用 socket_io_client: ^2.0.0-beta.4 -nullsafety.0 用于连接并使用此代码进行连接：

Socket socket = io(
    '$server_address',
   OptionBuilder()
      .setTransports(['websocket'])
      .disableAutoConnect()
       .setExtraHeaders({'authorization': "$token"})
       .build());
socket.connect();

并且连接成功。但是，我的标头（授权）没有发送到服务器。我还使用 google chrome inspect 检查我的请求和响应，以确保：

< img src="https://i.sstatic.net/9NYeu.png" alt="Screenshot">

那么，如何使用套接字 io 发送标头？

Answer 1

我认为我的回答有点晚了，但它可以帮助其他人。无论如何，我面临着同样的问题，我发现 Flutter 中的 socket_io_client 不允许在网络中执行应用程序时添加 extraHeader（extraHeaders 在 Android 或 Windows 等其他平台上工作正常），我认为这是导致安全限制的原因JavaScript 在浏览器中执行时的情况。

我找到的解决方案是使用 .setAuth({'authorization': "$token"}) 而不是 .setExtraHeaders({'authorization': "$token"})。你的代码应该是这样的：

final socket = io.io( url.toString(), 
      OptionBuilder()
        .setTransports(['websocket']) 
        .disableAutoConnect()
        .setAuth({'authorization': "$token" })
        .build()
);
socket.connect();

在服务器端，你可以使用这个来获取你的令牌：（这个例子是在 NodeJS 中）。

export const socketOnConnection = async ( socket : Socket, io : SocketServer ) => {
    const token = socket.handshake.auth[ 'authorization' ] ;  
    // ... rest of your code here
}

我希望它有帮助。