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
.