fix : 무한으로 refresh와 logout이 지속되던 문제 해결

Author: alsgud8311

client/src/api/auth.api.ts

@@ -1,8 +1,10 @@
 import { instance } from "@/api";
+import { useConnectionStore } from "@/store/useConnectionStore";
 import { TokenRefresh, User } from "@/types/auth";
-import axios from "axios";
+import { logOnDev } from "@/utils/logging";
+import axios, { AxiosError, AxiosResponse } from "axios";
 
-export const instanceForRefresh = axios.create({
+export const instanceForAuth = axios.create({
   baseURL: import.meta.env.VITE_APP_API_SERVER_BASE_URL,
   timeout: 3000,
   withCredentials: true,
@@ -11,8 +13,41 @@ export const instanceForRefresh = axios.create({
   },
 });
 
+instanceForAuth.interceptors.response.use(
+  (response: AxiosResponse) => {
+    const { method, url } = response.config;
+    const { status } = response;
+
+    logOnDev(`🚀 [API Response] ${method?.toUpperCase()} ${url} | Response ${status}`);
+
+    return response;
+  },
+  async (error: AxiosError | Error) => {
+    if (axios.isAxiosError(error)) {
+      logOnDev(`🚨 [API ERROR] ${error.message}`);
+
+      if (!error.response) {
+        return Promise.reject(error);
+      }
+
+      if (error.response.status === 401) {
+        try {
+          await signOut();
+        } catch (error) {
+          logOnDev(`🚨 [API ERROR] ${error.message}`);
+        } finally {
+          useConnectionStore.getState().logout();
+          location.href = "/";
+        }
+      }
+      return Promise.reject(error);
+    }
+    logOnDev(`🚨 [API ERROR] ${error.message}`);
+  },
+);
+
 export const tokenRefresh = async (): Promise<TokenRefresh> => {
-  const { data } = await instanceForRefresh.post("/auth/refresh", {}, { withCredentials: true });
+  const { data } = await instanceForAuth.post("/auth/refresh", {}, { withCredentials: true });
   return data;
 };
 
@@ -22,5 +57,5 @@ export const getUser = async (): Promise<User> => {
 };
 
 export const signOut = async () => {
-  return instance.post("/auth/logout");
+  return instanceForAuth.post("/auth/logout");
 };