더 강력한 동적 설정

frontend/lib/api/client.ts

@@ -1,29 +1,40 @@
 import axios, { AxiosResponse, AxiosError } from "axios";
 
-// API 기본 URL 동적 설정 - 접속 도메인에 따라 최적 API URL 결정
+// API 기본 URL 동적 설정 - 런타임에 결정
 const getApiBaseUrl = (): string => {
+  // 브라우저 환경에서만 동적 결정
   if (typeof window !== "undefined") {
     const currentHost = window.location.hostname;
+    console.log("🌐 현재 접속 호스트:", currentHost);
 
     // 로컬 개발환경
     if (currentHost === "localhost" || currentHost === "127.0.0.1") {
+      console.log("🏠 로컬 개발환경 감지 → localhost:8080/api");
       return "http://localhost:8080/api";
     }
     // 내부 IP 접근 - 외부 IP로 통일
     else if (currentHost === "192.168.0.70") {
+      console.log("🏢 내부 IP 접근 감지 → 39.117.244.52:8080/api");
       return "http://39.117.244.52:8080/api";
     }
     // 외부 IP 접근
     else if (currentHost === "39.117.244.52") {
+      console.log("🌍 외부 IP 접근 감지 → 39.117.244.52:8080/api");
       return "http://39.117.244.52:8080/api";
     }
   }
 
-  // 서버 사이드 렌더링이나 기본값
-  return process.env.NEXT_PUBLIC_API_URL || "http://39.117.244.52:8080/api";
+  // 서버 사이드 렌더링이나 기본값 - 외부 IP 사용
+  console.log("🖥️ 서버 사이드 렌더링 → 39.117.244.52:8080/api");
+  return "http://39.117.244.52:8080/api";
 };
 
-export const API_BASE_URL = getApiBaseUrl();
+// 런타임에 동적으로 결정되도록 함수로 변경
+const getDynamicApiBaseUrl = () => {
+  return getApiBaseUrl();
+};
+
+export const API_BASE_URL = getDynamicApiBaseUrl();
 
 // JWT 토큰 관리 유틸리티
 const TokenManager = {
@@ -44,9 +55,8 @@ const TokenManager = {
   },
 };
 
-// Axios 인스턴스 생성
+// Axios 인스턴스 생성 - 동적 baseURL 설정
 export const apiClient = axios.create({
-  baseURL: API_BASE_URL,
   timeout: 10000,
   headers: {
     "Content-Type": "application/json",
@@ -54,6 +64,19 @@ export const apiClient = axios.create({
   withCredentials: true, // 쿠키 포함
 });
 
+// 매 요청마다 baseURL을 동적으로 설정
+apiClient.interceptors.request.use(
+  (config) => {
+    // 동적 baseURL 설정
+    const dynamicBaseURL = getApiBaseUrl();
+    config.baseURL = dynamicBaseURL;
+    console.log("🔗 동적 API URL 설정:", dynamicBaseURL);
+
+    return config;
+  },
+  (error) => Promise.reject(error),
+);
+
 // 요청 인터셉터
 apiClient.interceptors.request.use(
   (config) => {