☰

Nginx no puede servir archivos css debido a un error de tipo MIME

tag-icon • tag-icon linux webserver nginx css mime-types
Nginx no puede servir archivos css debido a un error de tipo MIME

Mi configuración:

Es una configuración de nginx/gunicorn para la aplicación web Django.

Aquí está mi archivo de configuración de nginx:

worker_processes 1;

user ubuntu nogroup; # for systems with a "nogroup"
# user nobody nobody; # for systems with "nobody" as a group instead

# Feel free to change all paths to suit your needs here, of course
pid /tmp/nginx.pid;
error_log /tmp/nginx.error.log;

events {
  worker_connections 1024; # increase if you have lots of clients
  accept_mutex off; # "on" if nginx worker_processes > 1
  use epoll; # enable for Linux 2.6+
  # use kqueue; # enable for FreeBSD, OSX
}

http {

  # fallback in case we can't determine a type
  default_type application/octet-stream;

  # click tracking!
  access_log /tmp/nginx.access.log combined;

  # you generally want to serve static files with nginx since neither
  # Unicorn nor Rainbows! is optimized for it at the moment
  sendfile off;

  tcp_nopush off; # off may be better for *some* Comet/long-poll stuff
  tcp_nodelay off; # on may be better for some Comet/long-poll stuff


  # this can be any application server, not just Unicorn/Rainbows!
  upstream app_server {

    # for UNIX domain socket setups:
    server localhost:8080;

  }

  server {
    listen 8000;

#    client_max_body_size 4G;
    server_name _;

    proxy_connect_timeout 75s;
    proxy_send_timeout 75s;
    proxy_read_timeout 75s;

    expires -1;
    location /static {
        autoindex on;
        alias /home/ubuntu/mira_website/manageDb/static/;
    }


    location / {

      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

      proxy_set_header Host $http_host;

      proxy_redirect off;

      proxy_buffering off;

      proxy_pass http://app_server;

    }

    # Error pages
    error_page 500 502 503 504 /500.html;
    location = /500.html {
      root /path/to/app/current/public;
    }
  }
}

Errores que estoy recibiendo

Recibo errores del navegador. Aquí están esos:

/static/rest_framework_swagger/css/highlight.default.css was not loaded because its MIME type, "application/octet-stream", is not "text/css".

Lo interesante es que .jslos archivos se entregan correctamente. Una cosa más a tener en cuenta es que ambos archivos .jsy .cssfueron generados por django haciendo python manage.py collectstatic.

Otra cosa interesante es que cuando pongo /static/rest_framework_swagger/css/highlight.default.cssdirectamente en la url me sirve el archivo para descargar.

Respuesta1

Tonto de mí. Olvidé poner include /etc/nginx/mime.typesel archivo de configuración. Entonces lo puse en location /static {}bloque y ahora funciona.

información relacionada