feat(nest-front): add API_URL proxy and VITE_API_URL support for split deployment

- nginx.conf: proxy /api/ to ${API_URL} (injected at container start via envsubst)
- Dockerfile: accept VITE_API_URL build arg; use envsubst CMD to hydrate nginx template
- src/utils/api.ts: export API_BASE using VITE_API_URL or fallback to /api

Enables nest-front to run on Coolify while nest-backend runs on Portainer.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Thibault Pouch
2026-03-03 09:13:27 +01:00
parent 1ed5dc15d8
commit 83d5a70b08
3 changed files with 25 additions and 2 deletions

View File

@@ -6,13 +6,25 @@ COPY package.json package-lock.json ./
RUN npm ci
COPY . .
# VITE_API_URL is baked into the JS bundle at build time.
# Default to /api so the nginx proxy is used when not overridden.
ARG VITE_API_URL=/api
ENV VITE_API_URL=$VITE_API_URL
RUN npm run build
FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY nginx.conf /etc/nginx/nginx.conf.template
EXPOSE 5173
CMD ["nginx", "-g", "daemon off;"]
# API_URL is the backend's public base URL used by nginx proxy_pass.
# Set this at runtime in Coolify, e.g. API_URL=https://api.crowmate.fr
ENV API_URL=http://localhost:3000
# Substitute ${API_URL} in the nginx template at container start, then launch nginx.
# The quoted variable list prevents envsubst from replacing nginx variables like $host.
CMD ["/bin/sh", "-c", "envsubst '${API_URL}' < /etc/nginx/nginx.conf.template > /etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"]

View File

@@ -3,6 +3,13 @@ server {
root /usr/share/nginx/html;
index index.html;
location /api/ {
proxy_pass ${API_URL}/api/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location / {
try_files $uri $uri/ /index.html;
}

View File

@@ -0,0 +1,4 @@
// API base URL.
// - In Docker (Coolify): nginx proxies /api/* to the backend, so we use a relative path.
// - Set VITE_API_URL at build time to call the backend directly (e.g. during local dev without nginx).
export const API_BASE = import.meta.env.VITE_API_URL ?? '/api'