diff --git a/frontend/lib/api/client.ts b/frontend/lib/api/client.ts index b77aa173..6f448a9c 100644 --- a/frontend/lib/api/client.ts +++ b/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) => {