при выполнении refresh может не повторятся запрос, как чинить ТУТ

[fedirisachenko]

При выполнении запроса на обновление токенов предыдущий запрос может не повторяться. Это происходит из-за неправильного хедера в запросе как это чинить, вот кусок кода:

async (error) => {
    console.log(error?.response?.status);
    const originalRequest = error?.config;
    if (
      error?.response?.status === 401 &&
      error?.config &&
      !error?.config?._isRetry
    ) {
      originalRequest._isRetry = true;
      try {
        const response = await axios.get<AuthResponse>(`${API_URL}/refresh`, {
          withCredentials: true,
        });
        localStorage.setItem("access_token", response.data.access_token);
        originalRequest.headers = { ...originalRequest.headers };
        originalRequest.headers[
          "Authorization"
        ] = `Bearer ${response.data.access_token}`;
        return $api.request(originalRequest);
      } catch (e) {
        console.log("НЕ АВТОРИЗОВАН");
      }
    }

[alex-lenk]

Предоставленный тобою код включает перехватчик для обработки запросов на обновление токена. Однако, похоже, существует проблема с реализацией, которая препятствует правильному повторению предыдущего запроса. Проблема заключается в обработке объекта originalRequest.

Чтобы решить эту проблему, вам нужно изменить код следующим образом:

$api.interceptors.response.use(
  (response) => {
    return response;
  },
  async (error) => {
    const originalRequest = error.config;
    if (error.response.status === 401 && !originalRequest._isRetry) {
      originalRequest._isRetry = true;
      try {
        const response = await axios.get<AuthResponse>(
          `${API_URL}/refresh`,
          { withCredentials: true }
        );
        localStorage.setItem('token', response.data.accessToken);
        originalRequest.headers.Authorization = `Bearer ${response.data.accessToken}`;
        return axios(originalRequest);
      } catch (e) {
        console.log('НЕ АВТОРИЗОВАН');
      }
    }
    throw error;
  }
);

В обновленном коде originalRequest.headers.Authorization изменяется с помощью нового токена, полученного из запроса на обновление. Это гарантирует, что последующие запросы будут использовать обновленный токен. Кроме того, измененный originalRequest передается в axios() для повторной попытки вместо использования $api.request(originalRequest).