Reactjs Nginx服务器在刷新我的Django React Docker应用程序时返回404

我将react django应用程序对接。react代码被转换成一个静态文件夹，该文件夹由一个nginx服务器提供服务。除了重新加载页面外，其他一切都正常工作。如果我重新加载页面，我会看到一个404页面。此外，当出现问题时，react不会显示404页面。我猜这与我的服务器配置有关

default.config

server {
    listen 80;

    location / {
        proxy_pass http://frontend:3000;
        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-Host $server_name;
    }

    location /api {
        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-Host $server_name;
    }

    location /admin {
        proxy_pass http://backend:8000/admin;
        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-Host $server_name;
    }

    location /nginx-health-check {
        access_log off;
        return 200;
    }

 }

我的码头工人

version: "3"
services:
  backend:
    build:
      context: ./backend
      dockerfile: Dockerfile
    ports:
      - 8000:8000
    volumes:
      - ./backend:/app
      - ./backend/media:/app/media
      - ./backend/static:/app/static
  frontend:
    build:
      context: ./frontend
      dockerfile: Dockerfile-prod
    ports:
      - 3000:80
    volumes:
      - ./frontend/src:/app/src
  nginx:
    build:
      context: ./nginx
      dockerfile: Dockerfile
    ports:
      - 80:80

我从这份回购协议中得到了以下代码：

不知道这是否能帮助您