Handling 302 status/redirect

I’ve posted this on stackoverflow but I’ll ask here as well.

I have a POST request which returns a 302 when successful. I need to get the location response header which holds the url I’ll need to redirect to. Currently I have this:

accountLogin: builder.mutation<any, any>({
   query: (body) => ({
      url: `/accounts/login`,
      method: 'POST',
      body,
      responseHandler: (response) => {
        console.log(response, response.headers);
        return response.text(); //.text() is just for testing purposes
      },
  }),
}),

If I look in the network tab of my browser the 302 is there, as is the location header with the proper URL. But the ‘console.log’ in responseHandler shows no headers. I can’t find much about this in the documentation – what am I missing?

[phryneas]

fetchBaseQuery accepts all options that you can also pass into fetch and passes those into fetch.

If fetch follows, that happens internally within that, so RTK Query will never even see the 302.

See https://developer.mozilla.org/en-US/docs/Web/API/Request/Request#parameters

Essentially: try to make the fetch call by hand - if that works it should also work with RTKQ.

[phryneas]

Apart from that, maybe an XHR wrapper like axios might do the trick. Not sure.