smarketing-frontend/src/services/api.js

//* src/services/api.js - 수정버전
import axios from 'axios'

// 런타임 환경 설정에서 API URL 가져오기
const getApiUrls = () => {
  const config = window.__runtime_config__ || {}
  return {
    // 환경변수에서 가져오도록 수정
    AUTH_URL: config.AUTH_URL || 'http://localhost:8081/api/auth',
    MEMBER_URL: config.MEMBER_URL || 'http://localhost:8081/api/member',
    STORE_URL: config.STORE_URL || 'http://localhost:8082/api/store',
    CONTENT_URL: config.CONTENT_URL || 'http://localhost:8083/api/content',
    RECOMMEND_URL: config.RECOMMEND_URL || 'http://localhost:8084/api/recommendation',
    
    // Store 서비스에 포함된 API들 - STORE_URL 기반으로 구성
    SALES_URL: (config.STORE_URL || 'http://localhost:8082') + '/api/sales',
    MENU_URL: (config.STORE_URL || 'http://localhost:8082') + '/api/menu',
    IMAGES_URL: (config.STORE_URL || 'http://localhost:8082') + '/api/images',
    
    // Gateway는 필요시에만 사용
    GATEWAY_URL: config.GATEWAY_URL || 'http://20.1.2.3',
  }
}

// Axios 인스턴스 생성
const createApiInstance = (baseURL) => {
  const instance = axios.create({
    baseURL,
    timeout: 30000,
    headers: {
      'Content-Type': 'application/json',
      Accept: 'application/json',
    },
  })

  // 요청 인터셉터 - JWT 토큰 자동 추가
  instance.interceptors.request.use(
    (config) => {
      // accessToken 또는 token 둘 다 확인
      const token = localStorage.getItem('accessToken') || localStorage.getItem('token')
      if (token) {
        config.headers.Authorization = `Bearer ${token}`
      }
      
      // 디버깅용 로그 (개발 모드에서만)
      if (import.meta.env.DEV) {
        console.log(`API 요청: ${config.method?.toUpperCase()} ${config.baseURL}${config.url}`)
        if (token) {
          console.log(`토큰 사용: ${token.substring(0, 20)}...`)
        }
      }
      
      return config
    },
    (error) => {
      return Promise.reject(error)
    },
  )

  // 응답 인터셉터 - 토큰 갱신 및 에러 처리
  instance.interceptors.response.use(
    (response) => {
      // 성공 응답 로깅 (개발 모드에서만)
      if (import.meta.env.DEV) {
        console.log(`API 응답: ${response.status} ${response.config.url}`)
      }
      return response
    },
    async (error) => {
      const originalRequest = error.config

      // 개발 모드에서 에러 로깅
      if (import.meta.env.DEV) {
        console.error(`API 에러: ${error.response?.status} ${error.config?.url}`, error.response?.data)
      }

      // 401 에러이고 토큰 갱신을 시도하지 않은 경우
      if (error.response?.status === 401 && !originalRequest._retry) {
        originalRequest._retry = true

        try {
          const refreshToken = localStorage.getItem('refreshToken')
          if (refreshToken) {
            const refreshResponse = await axios.post(`${getApiUrls().AUTH_URL}/refresh`, {
              refreshToken,
            })

            const { accessToken, refreshToken: newRefreshToken } = refreshResponse.data.data
            localStorage.setItem('accessToken', accessToken)
            localStorage.setItem('token', accessToken) // 호환성을 위해 둘 다 저장
            localStorage.setItem('refreshToken', newRefreshToken)

            // 원래 요청에 새 토큰으로 재시도
            originalRequest.headers.Authorization = `Bearer ${accessToken}`
            return instance(originalRequest)
          }
        } catch (refreshError) {
          // 토큰 갱신 실패 시 로그아웃 처리
          localStorage.removeItem('accessToken')
          localStorage.removeItem('token')
          localStorage.removeItem('refreshToken')
          localStorage.removeItem('userInfo')
          window.location.href = '/login'
        }
      }

      return Promise.reject(error)
    },
  )

  return instance
}

// API 인스턴스들 생성
const apiUrls = getApiUrls()

// 디버깅용 로그 (개발 모드에서만)
if (import.meta.env.DEV) {
  console.log('=== API URLs 설정 ===')
  Object.entries(apiUrls).forEach(([key, url]) => {
    console.log(`${key}: ${url}`)
  })
}

export const memberApi = createApiInstance(apiUrls.MEMBER_URL)
export const authApi = createApiInstance(apiUrls.AUTH_URL)
export const storeApi = createApiInstance(apiUrls.STORE_URL)
export const contentApi = createApiInstance(apiUrls.CONTENT_URL)
export const menuApi = createApiInstance(apiUrls.MENU_URL)
export const salesApi = createApiInstance(apiUrls.SALES_URL)
export const recommendApi = createApiInstance(apiUrls.RECOMMEND_URL)
export const imagesApi = createApiInstance(apiUrls.IMAGES_URL)

// 기본 API 인스턴스 (Gateway URL 사용)
export const api = createApiInstance(apiUrls.GATEWAY_URL)

// 공통 에러 핸들러 (기존과 동일)
export const handleApiError = (error) => {
  const response = error.response

  if (!response) {
    return {
      success: false,
      message: '네트워크 연결을 확인해주세요.',
      error: error.message
    }
  }

  const status = response.status
  const data = response.data

  switch (status) {
    case 400:
      return {
        success: false,
        message: data?.message || '잘못된 요청입니다.',
        error: data?.error
      }
    case 401:
      return {
        success: false,
        message: '인증이 필요합니다.',
        error: 'UNAUTHORIZED'
      }
    case 403:
      return {
        success: false,
        message: '접근 권한이 없습니다.',
        error: 'FORBIDDEN'
      }
    case 404:
      return {
        success: false,
        message: '요청한 리소스를 찾을 수 없습니다.',
        error: 'NOT_FOUND'
      }
    case 500:
      return {
        success: false,
        message: '서버 오류가 발생했습니다.',
        error: 'INTERNAL_SERVER_ERROR'
      }
    default:
      return {
        success: false,
        message: data?.message || `오류가 발생했습니다. (${status})`,
        error: data?.error
      }
  }
}

// 성공 응답 포맷터
export const formatSuccessResponse = (data, message = '요청이 성공적으로 처리되었습니다.') => {
  return {
    success: true,
    message,
    data
  }
}