[FIX] soomsilClient.response.interceptor 무한 루프 문제

[nijuy]

ISSUE ✅ : BUG

📖 Summary

쿠키에 유효하지 않은 refreshToken만 남아있을 경우, 무한 루프에 빠짐

Error Script

재현 방법

1. 로그인 한다
2. 쿠키에 있는 accessToken을 삭제한다
3. 스웨거에 가서 로그인 한다 (새 토큰이 발급되면서 쿠키에 있는 refreshToken이 사용 불가 상태가 됨)
4. 새로고침 한다
5. 콘솔을 확인한다 (실패한 요청 -> refresh 쌍이 무한 반복)

const onRejected = async (error: AxiosError) => {
  const originalConfig = error.config;
  const data = error.response?.data as AuthErrorData;

  if (originalConfig && error.response?.status === 401 && data?.error === 'Auth-002') {
    try {
      await refreshToken(); // 여기서 에러가 나도
      return soomsilClient.request({ // 무조건 요청 다시 보내니까 다시 401 -> refresh -> ... 반복인 거 같음
        ...originalConfig,
        headers: {
          Authorization: `Bearer ${api.getAccessToken()}`,
        },
      });
    } catch (error) {
      return Promise.reject(error);
    }
  }
  return Promise.reject(error);
};

Photo