☰

Nginx 因 MIME 类型错误无法提供 css 文件

tag-icon • tag-icon linux webserver nginx css mime-types
Nginx 因 MIME 类型错误无法提供 css 文件

我的设置：

它是为 django webapp 设置的 nginx/gunicorn。

这是我的 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;
    }
  }
}

我遇到的错误

我收到浏览器错误。错误内容如下：

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

有趣的是.js文件已成功提供。还有一点需要注意的是，.js和.css文件都是由 django 通过执行 生成的python manage.py collectstatic。

另一件有趣的事情是，当我/static/rest_framework_swagger/css/highlight.default.css直接输入 url 时，它会为我提供要下载的文件。

答案1

我真傻。我忘了输入include /etc/nginx/mime.types配置文件。所以我把它放在location /static {}块中，现在它可以正常工作了。

相关内容