From 10326fb5083cc77691b6e844d52c1ff7798f46f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=97=B0=EC=A7=84?= <kyj0719@gmail.com>
Date: Wed, 13 Aug 2025 15:56:55 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=94=84=EB=A1=9D=EC=8B=9C=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/axiosInstance.ts |  2 +-
 vite.config.ts           | 34 +++++++++++++++++++++++-----------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/api/axiosInstance.ts b/src/api/axiosInstance.ts
index 14b53f7..4e949ff 100644
--- a/src/api/axiosInstance.ts
+++ b/src/api/axiosInstance.ts
@@ -9,7 +9,7 @@ interface IRefreshResponse {
     message: string;
 }
 export const axiosInstance = axios.create({
-    baseURL: import.meta.env.VITE_API_BASE_URL,
+    baseURL: '/api',
     withCredentials: true,
 });
 
diff --git a/vite.config.ts b/vite.config.ts
index 5a00583..490f43d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,17 +1,29 @@
 import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react-swc';
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 import svgr from 'vite-plugin-svgr';
 
-export default defineConfig({
-    plugins: [react(), svgr({ include: '**/*.svg?react' }), tailwindcss()],
-    server: {
-        host: '0.0.0.0',
-        port: 5173,
-    },
-    resolve: {
-        alias: {
-            '@': '/src',
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), '');
+    const target = env.VITE_API_BASE_URL;
+    return {
+        plugins: [react(), svgr({ include: '**/*.svg?react' }), tailwindcss()],
+        server: {
+            host: '0.0.0.0',
+            port: 5173,
+            proxy: {
+                '/api': {
+                    target,
+                    changeOrigin: true,
+                    secure: true,
+                    rewrite: (path) => path.replace(/^\/api/, ''),
+                },
+            },
         },
-    },
+        resolve: {
+            alias: {
+                '@': '/src',
+            },
+        },
+    };
 });