Nginx не выставляет CORS-заголовки для медиафайлов

У меня есть приложение vuejs, потребляющее Django DRF API. Все конечные точки работают правильно с моей текущей конфигурацией. За исключением медиафайлов.

В инструментах Mozilla Developer -> Network -> Headers я проверяю, что все конечные точки API включают заголовки cors, а медиафайлы - нет.

Я использую django-cors-headers с общей конфигурацией:

CORS_ALLOW_ALL_ORIGINS = True

... 

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.security.SecurityMiddleware',
    ...
]

INSTALLED_APPS = [
    ...
    'corsheaders'
]

Я пробовал с различными конфигурациями CORS, здесь settings.py, как указано в нескольких вопросах Stackoverflow, но ничего не изменилось.

Я подозреваю, что проблема в NGINX. Вот мой конфигурационный файл:

server {
    server_name my_domain;
    
    ...

    location /media {
        autoindex on;
        alias /home/myproject/media;
    }

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


    # these options are managed by Certbot, do i think it is ok.
    listen 443 ssl;
    ssl_certificate ...
    ssl_certificate_key ...
    include ...
    ssl_dhparam ...
}

server {
    if ($host = mydomain) {
        return 301 https://$host$request_uri;
    }

    server_name mydomain;
    listen 80;
    return 404;
}

Я также попробовал добавить add_header Access-Control-Allow-Origin *;, но опять же, заголовки cors не раскрываются.

Что я здесь упускаю?

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