Vite embeds env vars at build time, not runtime. The frontend code uses VITE_BE_API_URL/VITE_BE_WS_URL but the workflow was setting wrong names (VITE_API_URL/VITE_WS_URL). Now Dockerfile accepts build args and workflow passes production URLs during docker build. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
30 lines
627 B
Docker
30 lines
627 B
Docker
FROM node:22-alpine
|
|
|
|
ARG VITE_BE_API_URL
|
|
ARG VITE_BE_WS_URL
|
|
|
|
WORKDIR /app
|
|
|
|
# Install pnpm
|
|
RUN npm install -g pnpm
|
|
|
|
# Copy workspace files
|
|
COPY pnpm-workspace.yaml .
|
|
COPY pnpm-lock.yaml .
|
|
COPY package.json .
|
|
|
|
# Copy service
|
|
COPY services/frontend ./services/frontend
|
|
|
|
# Install dependencies
|
|
RUN pnpm install --frozen-lockfile
|
|
|
|
# Build frontend (env vars injected at build time)
|
|
RUN VITE_BE_API_URL=${VITE_BE_API_URL} VITE_BE_WS_URL=${VITE_BE_WS_URL} pnpm --filter './services/frontend' run build
|
|
|
|
# Expose port
|
|
EXPOSE 3000
|
|
|
|
# Start frontend (production preview)
|
|
CMD ["pnpm", "--filter", "./services/frontend", "run", "preview"]
|