Configured reverse proxy between frontend and API

This commit is contained in:
Marcin-Ramotowski 2025-04-29 10:38:33 +00:00
parent c70d0d0300
commit c9d4613d70
2 changed files with 10 additions and 1 deletions

View File

@ -4,7 +4,7 @@ WORKDIR /app
COPY package*.json ./ COPY package*.json ./
RUN npm install RUN npm install
COPY . . COPY . .
RUN VITE_API_URL="http://localhost:5000" npm run build RUN VITE_API_URL=/api npm run build
# Etap 2: Nginx # Etap 2: Nginx
FROM nginx:alpine FROM nginx:alpine

View File

@ -8,4 +8,13 @@ server {
location / { location / {
try_files $uri $uri/ /index.html; try_files $uri $uri/ /index.html;
} }
location /api/ {
proxy_pass http://api:80/;
proxy_http_version 1.1;
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;
}
} }