REV-376/api key 은닉

src/apis/apiClient.ts

@@ -2,7 +2,7 @@ import axios from 'axios'
 import { TOKEN_KEY } from '@/constants'
 
 const apiClient = axios.create({
-  baseURL: import.meta.env.VITE_API_KEY,
+  baseURL: '/api',
 })
 
 apiClient.interceptors.request.use(

tsconfig.json

@@ -24,6 +24,6 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"],
+  "include": ["src","src/*"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

vite.config.ts

@@ -1,24 +1,37 @@
 import path from 'path'
 import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import svgr from 'vite-plugin-svgr'
 
-export default defineConfig({
-  plugins: [react(), svgr()],
-  resolve: {
-    alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
-  },
+// 환경 변수 로드
+export default ({ mode }) => {
+  const env = { ...process.env, ...loadEnv(mode, process.cwd()) }
 
-  build: {
-    rollupOptions: {
-      external: (id) => {
-        if (id.includes('/node_modules/@mswjs')) {
-          return true
-        }
-        if (id.includes('/src/mocks')) {
-          return true
-        }
+  return defineConfig({
+    plugins: [react(), svgr()],
+    resolve: {
+      alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }],
+    },
+    build: {
+      rollupOptions: {
+        external: (id) => {
+          if (id.includes('/node_modules/@mswjs')) {
+            return true
+          }
+          if (id.includes('/src/mocks')) {
+            return true
+          }
+        },
+      },
+    },
+    server: {
+      proxy: {
+        '/api': {
+          target: env.VITE_API_KEY,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, ''),
+        },
       },
     },
-  },
-})
+  })
+}