Changed to proxy

docker-compose.yml

@@ -2,8 +2,8 @@ services:
   backend:
     image: git.out.jafre.li/jafreli/dashboard-backend:latest
     container_name: dashboard-backend
-    ports:
+    # ports:
-      - "8080:8080"
+    #   - "8080:8080"
     restart: unless-stopped
     volumes:
       - ./data/dashboard.db:/root/dashboard.db

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) { }