如何在RTK-Query插件中向端点添加headers？

Question

尝试遵循the official page上相当稀疏的教程并不能让我走得更远。

我本质上是试图根据api调用的参数添加一个特定的头，但我不知道如何配置端点来做到这一点。

Answer 1

从端点的query函数执行return操作的所有内容都将作为第一个参数传递给baseQuery。所以如果你正在使用fetchBaseQuery，你需要看一看这一点。

通常，由fetchBaseQuery创建的baseQuery采用普通fetch调用所采用的所有选项-包括headers字段。

所以你会有像这样的东西

myEndpoint: build.query({
  query(args) {
    return {
      url: "foo",
      headers: { myHeader: args.blup }
    }
  }
})

应该能行得通。

一般来说，除了“稀疏教程”，当你向下滚动时，还有大约25个文档页面-但即使这样也很难涵盖所有内容，因为RTK-Query相当灵活。

你可以在这里的文档中阅读更多关于fetchBaseQuery的内容：https://redux-toolkit.js.org/rtk-query/api/fetchBaseQuery#using-fetchbasequery

Answer 2

@phry response对我的案例不起作用。在我的例子中，检查文档是为了解决CORS问题：

baseQuery: fetchBaseQuery({ 
        baseUrl: '.....',
        prepareHeaders: (headers, { getState }) => {
            headers.set('Access-Control-Allow-Origin', '*')
            return headers
        }
    }),