Merge pull request #195 from prgrms-web-devcourse-final-project/chore/193-baseurl

[chore] 개발 / 배포 api 분리

Author: kangsuyeong

src/apis/auth.ts

@@ -2,6 +2,11 @@ import axios from 'axios';
 import { axiosInstance } from './axios';
 import { useAuthStore } from '@/store/authStore';
 
+const API_BASE_URL =
+  import.meta.env.MODE === 'development'
+    ? '/api/auth/token' // ✅ 개발 환경에서는 프록시를 사용
+    : import.meta.env.VITE_API_URL + '/api/auth/token'; // ✅ 배포 환경에서는 직접 API 호출
+
 // 로그인
 export const login = async (loginId: string, password: string) => {
   const { data } = await axiosInstance.post('/auth/login', {
@@ -25,7 +30,7 @@ export const postLogout = async () => {
 
 // 토큰 재발급
 export const reissueToken = async () => {
-  const { data } = await axios.post('/api/auth/token', {
+  const { data } = await axios.post(`${API_BASE_URL}`, {
     withCredentials: true,
   });
 

src/apis/axios.ts

@@ -2,8 +2,13 @@ import axios from 'axios';
 import { useAuthStore } from '@/store/authStore';
 import { reissueToken } from '@/apis/auth';
 
+const API_BASE_URL =
+  import.meta.env.MODE === 'development'
+    ? '/api' // ✅ 개발 환경에서는 프록시를 사용
+    : import.meta.env.VITE_API_URL + '/api'; // ✅ 배포 환경에서는 직접 API 호출
+
 export const axiosInstance = axios.create({
-  baseURL: '/api',
+  baseURL: API_BASE_URL,
   withCredentials: true, // RT 자동 포함
 });
 
@@ -50,14 +55,3 @@ axiosInstance.interceptors.response.use(
     return Promise.reject(error);
   },
 );
-
-// .env에 추가하기
-// VITE_API_URL=http://43.203.98.65:8080
-
-// 사용예시
-//  const login = async () => {
-//    const data = await axiosInstance.post('/user/login', {
-//      loginId: 'test1234',
-//      password: 'test1234!',
-//    });
-//  };