Route api traffic through the main container.

docker-compose.yml

@@ -20,8 +20,9 @@ services:
       context: ./backend
       dockerfile: Dockerfile
     container_name: line-of-sight-backend
-    ports:
-      - "3051:3051"
+    # Removed public port exposure for security; accessible via frontend proxy
+    # ports:
+    #   - "3051:3051"
     environment:
       - DATABASE_URL=postgresql://line_of_sight:line_of_sight_pass@postgres:5432/line_of_sight
       - PORT=3051
@@ -40,7 +41,7 @@ services:
     ports:
       - "3050:3050"
     environment:
-      - VITE_API_URL=http://localhost:3051/api
+      - VITE_API_URL=/api
     depends_on:
       - backend
     volumes:

frontend/src/services/api.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:3051/api';
+const API_BASE_URL = import.meta.env.VITE_API_URL || '/api';
 
 const api = axios.create({
   baseURL: API_BASE_URL,

frontend/vite.config.js

@@ -12,7 +12,13 @@ export default defineConfig({
   server: {
     port: 3050,
     host: '0.0.0.0',
-    allowedHosts: true
+    allowedHosts: true,
+    proxy: {
+      '/api': {
+        target: 'http://backend:3051',
+        changeOrigin: true
+      }
+    }
   },
   build: {
     outDir: 'build',