我正在尝试部署一个Django和React网站使用gunicorn，nginx和docker。
我无法让nginx读取我的静态文件，例如django管理面板。我已经运行了python manage.py collecstatic，文件在recommendations-be/backend/static中
下面是docker-compose.yml文件：

version: '3'

services:
  backend:
    build:
      context: ./recommendations-be
    command: gunicorn backend.wsgi:application --bind 0.0.0.0:8000 --timeout 0
    ports:
      - "8000:8000"
    volumes:
      - static:/django/backend/static
  frontend:
    build:
      context: ./recommendations-fe
    volumes:
      - react_build:/react/build
  nginx:
    image: nginx:latest
    ports:
      - "80:8080"
    volumes:
      - ./nginx/nginx-setup.conf:/etc/nginx/conf.d/default.conf:ro
      - react_build:/var/www/react
      - static:/django/backend/static
    depends_on:
      - backend
      - frontend
volumes:
  static:
  react_build:

下面是我的nginx配置文件：

upstream api {
    server backend:8000;
}

server {
    listen 8080;

    location / {
        root /var/www/react;
    }

    location /api/ {
        proxy_pass http://api;
        proxy_set_header Host $http_host;
    }

    location /static/ {
        alias /django/backend/static;
    }

}

下面是后端目录recommendations-be中的Dockerfile：

FROM python:3.10.8-slim-buster

ENV PYTHONUNBUFFERED 1

WORKDIR /django

COPY requirements.txt requirements.txt

RUN pip install --upgrade pip --no-cache-dir
RUN pip install -r requirements.txt --no-cache-dir

COPY . .

而 Django settings.py：

STATIC_URL = "/static/"
STATIC_ROOT = os.path.join(BASE_DIR, "backend", "static")

下面是我的项目中的文件结构：file structure