Reactjs 在哪里为2个不同的API保存2个访问令牌?

Reactjs 在哪里为2个不同的API保存2个访问令牌?,reactjs,oauth-2.0,asp.net-core-webapi,access-token,auth0,Reactjs,Oauth 2.0,Asp.net Core Webapi,Access Token,Auth0,我们正在构建一个web前端,该前端通过Auth0获取访问令牌对用户进行身份验证,以及一个后端中间件,该中间件连接到保存业务逻辑的第三方API。(流程为web前端->中间件API->第三方API) 在身份验证过程中,第三方API也会返回每个用户的访问令牌(这不是M2M场景,因为该API仅用于前端),因此实际上我们将有2个访问令牌-一个来自Auth0,用于中间件授权(web前端->中间件API),另一个用于第三方API(中间件API->第三方API) 我想在前端应用程序的设备上保留这两个令牌,然后将

我们正在构建一个web前端,该前端通过Auth0获取访问令牌对用户进行身份验证,以及一个后端中间件,该中间件连接到保存业务逻辑的第三方API。(流程为web前端->中间件API->第三方API)

在身份验证过程中,第三方API也会返回每个用户的访问令牌(这不是M2M场景,因为该API仅用于前端),因此实际上我们将有2个访问令牌-一个来自Auth0,用于中间件授权(web前端->中间件API),另一个用于第三方API(中间件API->第三方API)

我想在前端应用程序的设备上保留这两个令牌,然后将请求头中的第三方访问令牌传播到中间件API。这是因为我想使登录、注销、刷新等原子化,我不想发现自己处于这样的情况:前端有一个访问令牌,中间件中有第二个,然后保持它们的同步


这是正确的方法还是有更好的方法?

使用本地存储