docker-react-nginx

docker-compose.yml

version: '3.8'
services:
  react:
    build:
      context: .
      dockerfile: Dockerfile
    ports:
      - '5173:5173'
    networks:
      - my-network
    restart: always

  nginx:
    image: nginx:alpine
    ports:
      - '80:80'
      - '443:443'
    volumes:
      - ./nginx.conf:/etc/nginx/conf.d/default.conf
      - ./cert.pem:/etc/nginx/cert.pem
      - ./cert.key:/etc/nginx/cert.key
    depends_on:
      - react
    networks:
      - my-network
    restart: always

networks:
  my-network:

Dockerfile

# Dockerfile
FROM node:18-alpine as build

WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install

COPY . .  # Убедитесь, что копируется весь проект, включая index.html и все исходные файлы

RUN npm run build

EXPOSE 5173
CMD ["npm", "run", "dev"]

nginx.conf

# nginx.conf
server {
listen 80;
listen 443 ssl;

server_name _;

ssl_certificate /etc/nginx/cert.pem;
ssl_certificate_key /etc/nginx/cert.key;

location / {
proxy_pass http://react:5173;
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;
}
}