서버/로컬 나눠 설정

This commit is contained in:
2025-09-04 15:39:29 +09:00
parent 62e31fa682
commit 0d629a27a6

View File

@@ -1,40 +1,24 @@
import axios, { AxiosResponse, AxiosError } from "axios";
// API 기본 URL 동적 설정 - 런타임에 결정
// API URL 동적 설정 - 환경별 명확한 분리
const getApiBaseUrl = (): string => {
// 브라우저 환경에서만 동적 결정
if (typeof window !== "undefined") {
const currentHost = window.location.hostname;
console.log("🌐 현재 접속 호스트:", currentHost);
// 로컬 개발환경
// 로컬 개발환경: localhost:9771 → localhost:8080
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";
}
// 서버 환경 (내부/외부 IP 모두): → 39.117.244.52:8080
return "http://39.117.244.52:8080/api";
}
// 서버 사이드 렌더링이나 기본값 - 외부 IP 사용
console.log("🖥️ 서버 사이드 렌더링 → 39.117.244.52:8080/api");
// 서버 사이드 렌더링 기본값
return "http://39.117.244.52:8080/api";
};
// 런타임에 동적으로 결정되도록 함수로 변경
const getDynamicApiBaseUrl = () => {
return getApiBaseUrl();
};
export const API_BASE_URL = getDynamicApiBaseUrl();
export const API_BASE_URL = getApiBaseUrl();
// JWT 토큰 관리 유틸리티
const TokenManager = {
@@ -55,8 +39,9 @@ const TokenManager = {
},
};
// Axios 인스턴스 생성 - 동적 baseURL 설정
// Axios 인스턴스 생성
export const apiClient = axios.create({
baseURL: API_BASE_URL,
timeout: 10000,
headers: {
"Content-Type": "application/json",
@@ -64,19 +49,6 @@ 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) => {