frontend/nginx.conf

server {
  listen 80;

  location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
    # React RouterなどのSPAルーティングに対応するため、
    # 存在しないパスへのリクエストはindex.htmlにフォールバックさせる
    try_files $uri $uri/ /index.html;
  }

  # APIリクエストをバックエンドにプロキシ
  location /api {
    # docker-compose.ymlで定義されたバックエンドサービス名を指定
    proxy_pass http://backend: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;
  }
}