fetchBaseQuery: allow headers option

reduxjs · Oct 15, 2022 · 85abc34 · 85abc34
1 parent b9aefe0
commit 85abc34
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/packages/toolkit/src/query/fetchBaseQuery.ts b/packages/toolkit/src/query/fetchBaseQuery.ts
@@ -208,7 +208,7 @@ export function fetchBaseQuery({
     let {
       url,
       method = 'GET' as const,
-      headers = new Headers({}),
+      headers = new Headers(baseFetchOptions.headers),
       body = undefined,
       params = undefined,
       responseHandler = 'json' as const,

diff --git a/packages/toolkit/src/query/tests/fetchBaseQuery.test.tsx b/packages/toolkit/src/query/tests/fetchBaseQuery.test.tsx
@@ -808,6 +808,24 @@ describe('fetchBaseQuery', () => {
     })
   })
 
+  test('can pass `headers` into `fetchBaseQuery`', async () => {
+    let request: any
+
+    const token = 'accessToken'
+
+    const _baseQuery = fetchBaseQuery({
+      baseUrl,
+      headers: { authorization: `Bearer ${token}` },
+    })
+
+    const doRequest = async () =>
+      _baseQuery({ url: '/echo' }, commonBaseQueryApi, {})
+
+    ;({ data: request } = await doRequest())
+
+    expect(request.headers['authorization']).toBe(`Bearer ${token}`)
+  })
+
   test('lets a header be undefined', async () => {
     let request: any
     ;({ data: request } = await baseQuery(