如何从 RTK 查询中的标头获取授权密钥答案

【问题标题】：How can i get Authorization key from header in RTK Query如何从 RTK 查询中的标头获取授权密钥
【发布时间】：2022-11-06 05:17:01
【问题描述】：

我使用 RTK Query api 登录，登录成功后，我通过响应头获取令牌。

是否有机会从响应标头访问“授权”。我尝试使用它来构建自定义 baseQuery，但我失败了。

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
import { ILoginUser } from "./types";

const api = process.env.REACT_APP_BASEURL_DEV;

export const authApi = createApi({
  reducerPath: "authApi",
  baseQuery: fetchBaseQuery({
    baseUrl: `${api}`,
  }),
  endpoints: (builder) => ({
    signIn: builder.mutation({
      query: (body: ILoginUser) => {
        return {
          url: "/login",
          method: "post",
          body,
        };
      },
    }),
  }),
});

export const { useSignInMutation } = authApi;

【问题讨论】：

标签： reactjs react-redux rtk-query

【解决方案1】：

如果要访问标头，可以使用转换响应，它需要在突变范围内

前任。

transformResponse(response,meta,error)=> console.log(meta.response.headers)

【讨论】：

为什么它需要在突变范围内？我正在尝试找出从哪里获得这些信息。

【解决方案2】：

我有同样的问题，但 headers 对象只包含两条记录（内容类型和内容长度）。如果我检查开发工具中的响应，还有更多属性。谁有同样的问题，你是如何解决的？如何读取其余属性？

【讨论】：