CSS файлы загружены, но не отображаются Django Rest Framework

У меня есть приложение Django с Gunicorn и Nginx, развернутое на AWS ECS. NGINX может загружать статические файлы, но на странице по-прежнему отображается только текст.

Nginx:

server {
  listen 80;
  listen [::]:80;

  server_name api.example.com;

  location /health {
    access_log off;
    return 200;
  }

  proxy_read_timeout 300;
  proxy_connect_timeout 300;
  proxy_send_timeout 300;

  # Main app
  location / {
    if ($request_method !~ ^(GET|POST|HEAD|OPTIONS|PUT|DELETE|PATCH)$) {
      return 405;
    }

    include  /etc/nginx/mime.types;

    proxy_pass http://example-api:8000;
    proxy_redirect     off;
    proxy_set_header   Host                 $host;
    proxy_set_header   X-Forwarded-For      $proxy_add_x_forwarded_for;
    proxy_set_header   X-Forwarded-Proto    $http_x_forwarded_proto;
    proxy_set_header   X-Forwarded-Port     $http_x_forwarded_port;
  }

  location /static/ {
    autoindex on;
    alias /my_app/static/;
  }
}

В settings.py

STATIC_URL = '/static/'
STATIC_ROOT = '/my_app/static/'

Когда я проверяю веб-страницу, все файлы CSS загружаются, нет 404 (это было проблемой раньше, но я исправил ее). Так что не уверен, что еще я здесь упускаю.

UI работает нормально при запуске без Nginx и runserver, но на AWS ECS я использую gunicorn.

With Nginx and Gunicorn

With runserver command

Вернуться на верх