如何从响应头中获取 Bearer Token 并将其存储在 Redux Store 中？

Question

后端正在响应标头内向我发送一个不记名令牌，我想将其存储在 redux 存储中，因为大多数 API 要求将该令牌发送回标头内。

当我尝试从响应中保存令牌时遇到问题，因为它的形式为

undefined

。

这是我到目前为止得到的代码

  const onLogin = async () => {
    try {
      const response = await axiosInstance.post('/api/auth/login', userData);
      push('/');
      const token = response.headers['Authorization'];

      console.log('token', token);

      dispatch(userToken(token));
    } catch (error: any) {
      console.log('Login Error', error.message);
    }
  };

登录成功。我收到状态代码 200，并且还可以在控制台的网络选项卡内看到令牌。但如果我尝试 console.log 它，它会显示为未定义，所以我想它也不会存储在 redux 存储中。

如何获取该令牌并将其保存到 redux 存储？

Answer 1

你可以这样使用：

const { Bearer } = response

如果响应有 Bearer = .......

你可以获得承载者