Changed to proxy

docker-compose.yml

@@ -0,0 +1,19 @@
+services:
+  backend:
+    image: git.out.jafre.li/jafreli/dashboard-backend:latest
+    container_name: dashboard-backend
+    # ports:
+    #   - "8080:8080"
+    restart: unless-stopped
+    volumes:
+      - ./data/dashboard.db:/root/dashboard.db
+
+  frontend:
+    image: git.out.jafre.li/jafreli/dashboard-frontend:latest
+    container_name: dashboard-frontend
+    ports:
+      - "80:80"
+    restart: unless-stopped
+    depends_on:
+      - backend
+

frontend/nginx.conf

@@ -13,4 +13,17 @@ server {
     # This is the key for making client-side routing work.
     try_files $uri $uri/ /index.html;
   }
+
+  # Add a new location block to proxy API requests
+  location /api/ {
+    # Forward the request to the backend service.
+    # The name 'backend' is resolved by Docker's internal DNS.
+    proxy_pass http://backend:8080;
+
+    # Set headers to pass along client information to the backend
+    proxy_set_header Host $host;
+    proxy_set_header X-Real-IP $remote_addr;
+    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    proxy_set_header X-Forwarded-Proto $scheme;
+  }
 }

frontend/src/app/services/api.ts

@@ -7,7 +7,7 @@ import { Item } from '../models/item';
   providedIn: 'root'
 })
 export class ApiService {
-  private apiUrl = 'http://localhost:8080/api/items';
+  private apiUrl = '/api/items';
 
   constructor(private http: HttpClient) { }