refactor: 로그아웃시 alert 노출 문제 해결

src/api/client/axios.ts

@@ -41,7 +41,7 @@
 axiosInstanceForMultipart.interceptors.request.use(onRequestClient);
 
 // refresh token을 사용해서 access token을 재갱신하는 함수
 const refreshAccessToken = async (): Promise<string | null> => {
   try {
     const response = await axios.get<{ content: { accessToken: string } }>(
       `${process.env.NEXT_PUBLIC_API_BASE_URL}/api/v1/auth/access-token/refresh`,
@@ -59,8 +59,7 @@
     }
 
     return null;
-  } catch (error) {
-    alert('토큰 갱신에 실패했습니다. 다시 로그인해주세요');
+  } catch {
     window.location.href = '/login';
 
     return null;
@@ -72,11 +71,11 @@
 // 토큰 갱신을 기다리는 요청들 저장
 let failedQueue: Array<{
   resolve: (value: string) => void;
   reject: (error: any) => void;
 }> = [];
 
 // 대기 중인 요청들을 처리하는 함수
 const processFailedQueue = (error: unknown, token: string | null = null) => {
   failedQueue.forEach(({ resolve, reject }) => {
     if (error) {
       reject(error);
@@ -88,6 +87,20 @@
   failedQueue = [];
 };
 
+const hasAuthToken = (requestConfig?: InternalAxiosRequestConfig) => {
+  const accessToken = getCookie('accessToken');
+  if (accessToken) {
+    return true;
+  }
+
+  const authorizationHeader = requestConfig?.headers?.Authorization;
+  if (Array.isArray(authorizationHeader)) {
+    return authorizationHeader.length > 0;
+  }
+
+  return Boolean(authorizationHeader);
+};
+
 axiosInstance.interceptors.response.use(
   (config) => config,
   async (error) => {
@@ -102,6 +115,11 @@
 
       // 유효하지 않은 accessToken인 경우, 재발급
       if (errorResponseBody.errorCode === 'AUTH001') {
+        // 로그아웃 직후/비회원 요청처럼 인증 정보가 없는 경우에는 재발급 시도를 하지 않음
+        if (!hasAuthToken(originalRequest)) {
+          return Promise.reject(new ApiError(errorResponseBody));
+        }
+
         if (isRefreshing) {
           // 이미 토큰 갱신 중이면 대기열에 추가
           return new Promise((resolve, reject) => {
@@ -171,6 +189,11 @@
 
       // 유효하지 않은 accessToken인 경우, 재발급
       if (errorResponseBody.errorCode === 'AUTH001') {
+        // 로그아웃 직후/비회원 요청처럼 인증 정보가 없는 경우에는 재발급 시도를 하지 않음
+        if (!hasAuthToken(originalRequest)) {
+          return Promise.reject(new ApiError(errorResponseBody));
+        }
+
         if (isRefreshing) {
           // 이미 토큰 갱신 중이면 대기열에 추가
           return new Promise((resolve, reject) => {

src/api/client/axiosV2.ts

@@ -41,7 +41,7 @@
 axiosInstanceForMultipartV2.interceptors.request.use(onRequestClient);
 
 // refresh token을 사용해서 access token을 재갱신하는 함수
 const refreshAccessToken = async (): Promise<string | null> => {
   try {
     const response = await axios.get<{ content: { accessToken: string } }>(
       `${process.env.NEXT_PUBLIC_API_BASE_URL}/api/v1/auth/access-token/refresh`,
@@ -59,8 +59,7 @@
     }
 
     return null;
-  } catch (error) {
-    alert('토큰 갱신에 실패했습니다. 다시 로그인해주세요');
+  } catch {
     window.location.href = '/login';
 
     return null;
@@ -72,11 +71,11 @@
 // 토큰 갱신을 기다리는 요청들 저장
 let failedQueue: Array<{
   resolve: (value: string) => void;
   reject: (error: any) => void;
 }> = [];
 
 // 대기 중인 요청들을 처리하는 함수
 const processFailedQueue = (error: unknown, token: string | null = null) => {
   failedQueue.forEach(({ resolve, reject }) => {
     if (error) {
       reject(error);
@@ -88,6 +87,20 @@
   failedQueue = [];
 };
 
+const hasAuthToken = (requestConfig?: InternalAxiosRequestConfig) => {
+  const accessToken = getCookie('accessToken');
+  if (accessToken) {
+    return true;
+  }
+
+  const authorizationHeader = requestConfig?.headers?.Authorization;
+  if (Array.isArray(authorizationHeader)) {
+    return authorizationHeader.length > 0;
+  }
+
+  return Boolean(authorizationHeader);
+};
+
 axiosInstanceV2.interceptors.response.use(
   (config) => config,
   async (error) => {
@@ -102,6 +115,11 @@
 
       // 유효하지 않은 accessToken인 경우, 재발급
       if (errorResponseBody.errorCode === 'AUTH001') {
+        // 로그아웃 직후/비회원 요청처럼 인증 정보가 없는 경우에는 재발급 시도를 하지 않음
+        if (!hasAuthToken(originalRequest)) {
+          return Promise.reject(new ApiError(errorResponseBody));
+        }
+
         if (isRefreshing) {
           // 이미 토큰 갱신 중이면 대기열에 추가
           return new Promise((resolve, reject) => {
@@ -171,6 +189,11 @@
 
       // 유효하지 않은 accessToken인 경우, 재발급
       if (errorResponseBody.errorCode === 'AUTH001') {
+        // 로그아웃 직후/비회원 요청처럼 인증 정보가 없는 경우에는 재발급 시도를 하지 않음
+        if (!hasAuthToken(originalRequest)) {
+          return Promise.reject(new ApiError(errorResponseBody));
+        }
+
         if (isRefreshing) {
           // 이미 토큰 갱신 중이면 대기열에 추가
           return new Promise((resolve, reject) => {