[#145] 배포시 env 적용 안되는 버그 해결

frontend/src/apis/competitionList/index.ts

@@ -5,6 +5,7 @@ import { Competition } from './types';
 export const fetchCompetitionList = async (): Promise<Competition[]> => {
   try {
     const response = await api.get('/competitions');
+
     return response.data;
   } catch (error) {
     console.error('Error fetching competitions:', (error as Error).message);

frontend/src/utils/api/index.ts

@@ -1,5 +1,7 @@
 import axios from 'axios';
 
+console.log(333, import.meta.env.VITE_API_URL);
+
 const api = axios.create({
   baseURL: import.meta.env.VITE_API_URL,
 });

frontend/src/vite-env.d.ts

@@ -1,2 +1,10 @@
 // eslint-disable-next-line spaced-comment
 /// <reference types="vite/client" />
+
+export {};
+
+declare global {
+  interface Window {
+    __API_URL__: string;
+  }
+}

frontend/vite.config.ts

@@ -1,29 +1,36 @@
 import react from '@vitejs/plugin-react-swc';
 import path from 'path';
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
 
-export default defineConfig({
-  resolve: {
-    alias: [
-      {
-        find: '@',
-        replacement: path.resolve(__dirname, 'src'),
-      },
-      {
-        find: '@style',
-        replacement: path.resolve(__dirname, 'styled-system'),
-      },
-    ],
-  },
-  build: {
-    rollupOptions: {
-      output: {
-        inlineDynamicImports: true,
+export default () => {
+  const env = loadEnv('', process.cwd(), 'APP');
+  console.log(env, process.env, env.APP_API_URL);
+  return defineConfig({
+    resolve: {
+      alias: [
+        {
+          find: '@',
+          replacement: path.resolve(__dirname, 'src'),
+        },
+        {
+          find: '@style',
+          replacement: path.resolve(__dirname, 'styled-system'),
+        },
+      ],
+    },
+    build: {
+      rollupOptions: {
+        output: {
+          inlineDynamicImports: true,
+        },
       },
     },
-  },
-  worker: {
-    format: 'es',
-  },
-  plugins: [react()],
-});
+    worker: {
+      format: 'es',
+    },
+    plugins: [react()],
+    define: {
+      __API_URL__: JSON.stringify(env.APP_API_URL),
+    },
+  });
+};