视频 SDK 令牌未定义

Question

我正在开发用于 React 的视频 SDK，我得到了

error: "Token is invalid" statusCode: 401

当视频 SDK 访问 api 时

https://api.videosdk.live/infra/v1/meetings/init-config 

。当我交叉检查时，我发现标头中没有授权令牌，而且此 api 是内置于视频 SDK 中的，我无权向其添加令牌。

我正在会议提供程序中设置令牌，但仍然没有将令牌添加到 api 调用中，

const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcGlrZXkiOiJlYTE4YTI5Yy0xNDMzLTRlYTktYTkzZS00MTdmNzhmZTAyMzMiLCJwZXJtaXNzaW9ucyI6WyJhbGxvd19qb2luIl0sImlhdCI6MTcwMTE1NTA3MSwiZXhwIjoxODU4OTQzMDcxfQ.sHQ4OBsq_e31vECXqx1H165-v70Wtu95hRGoeJYjpKU"
let meetingConfig = {
      meetingId: roomId,
      micEnabled: true,
      webcamEnabled: true,
      multiStream: true,
      name: '',
    }

  return (
          <MeetingProvider 
            config={meetingConfig} 
            token={token} 
          >
             <MeetingContainer
                updateMeetingLeftFlag={updateMeetingLeftFlag}
             />
          </MeetingProvider>  
        )

但是当我在严格模式下运行 React 应用程序时，第一次 api 调用由于缺少令牌而失败，但第二次添加令牌并且 api 调用成功。

我不确定是什么造成了这种奇怪的行为，但任何帮助将不胜感激。

这是我部署的 firebase 部署 url，我们可以检查它，一旦我们点击创建会议，在网络选项卡中 init-config api 就会失败

https://good-game-67b7e.web.app/

Answer 1

即使我也面临类似的问题。有什么解决办法吗？