fixed host configuration

docker-compose.yml

@@ -18,6 +18,8 @@ services:
       context: ./frontend
     ports:
       - "5173:5173"
+    env_file:
+      - ./.env
     volumes:
       - ./frontend:/app
       - /app/node_modules # Prevents host node_modules from overwriting container

frontend/vite.config.ts

@@ -1,7 +1,17 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import react from '@vitejs/plugin-react'
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '');
+
+  const allowedHosts = env.VITE_ALLOWED_HOSTS?.split(',') || [];
+
+  return {
+    plugins: [react()],
+    server: {
+      host: true, // Allow external access
+      allowedHosts: allowedHosts,
+    }
+  }
 })