use nginx as revers proxy

docker-compose.yml

@@ -1,4 +1,16 @@
 services:
+  nginx:
+    image: nginx:alpine
+    container_name: nginx
+    ports:
+      - "80:80"
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf
+    depends_on:
+      - angelos-ui
+    networks:
+      - angelos-network
+
   angelos-ui:
     image: "ghcr.io/ls1intum/angelos-ui:latest"
     ports:

nginx.conf

@@ -1,16 +1,25 @@
 server {
 
   listen 80;
-
   location / {
-    root /usr/share/nginx/html;
-    index index.html;
-    try_files $uri $uri/ /index.html;
-  }
-  error_page   500 502 503 504  /50x.html;
+          root /usr/share/nginx/html;
+          index index.html;
+          try_files $uri $uri/ /index.html;
+      }
+
+      # Proxy API requests to the backend service (angelos-app)
+      location /api/ {
+          proxy_pass http://angelos-app:8000;
+          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;
+      }
+
+      error_page 500 502 503 504 /50x.html;
 
-  location = /50x.html {
-    root   /usr/share/nginx/html;
-  }
+      location = /50x.html {
+          root /usr/share/nginx/html;
+      }
 
 }

src/environments/environment.ts

@@ -1,4 +1,4 @@
 export const environment = {
     production: true,
-    angelosUrl: 'http://angelos-app:8000/api/v1/question/chat'
+    angelosUrl: '/api/v1/question/chat'
 };