nginx/uwsgi/flask 没有在模板中使用 CSS 文件答案

【问题标题】：nginx/uwsgi/flask not using CSS files in templatenginx/uwsgi/flask 没有在模板中使用 CSS 文件
【发布时间】：2015-02-20 03:37:42
【问题描述】：

我有一个烧瓶应用程序，我正试图在 CentOS 6.6、Python 6.6、uwsgi 2.0.8 和 nginx 1.0.15 上运行。我禁用了 selinux。

它使用烧瓶运行，但在尝试使用 nginx 进行设置时，它正在显示网站，但没有应用任何 CSS 文件。

如果我查看网页源代码，它会正确链接到 CSS 文件（'/static/css/style.css'），如果我从源代码打开它们，它会打开它们，但它不会将它们应用到网页。但是，它确实会加载图像并显示它。

我正在使用 wsgi ini 文件运行它。 ($ flask/bin/uwsgi --ini uwsgi.ini)

我的 wsgi.ini 配置文件：

[uwsgi]
socket = 127.0.0.1:5000
chdir = /home/apps/portal
home = /home/apps/portal/flask
module = app:app
master = true
enable-threads = True
processes = 5
vacuum = True

我的 nginx 配置文件：

worker_processes 1;

events {

    worker_connections 1024;

}

http {

    sendfile on;
    gzip              on;
    gzip_http_version 1.0;
    gzip_proxied      any;
    gzip_min_length   500;
    gzip_disable      "MSIE [1-6]\.";
    gzip_types        text/plain text/xml text/css
                      text/comma-separated-values
                      text/javascript
                      application/x-javascript
                      application/atom+xml;

    upstream uwsgicluster {

        server 127.0.0.1:5000;

    }

    server {

        listen 80;
        server_name localhost;
        charset utf-8;

        location /static  {

            alias /home/apps/portal/app/static;

        }

        location / {

            include            uwsgi_params;
            uwsgi_pass         uwsgicluster;

            uwsgi_param        UWSGI_CHDIR /home/apps/portal;
            uwsgi_param        UWSGI_PYHOME /home/apps/portal/flask;
            uwsgi_param        UWSGI_MODULE portal;
            uwsgi_param        UWSGI_CALLABLE app;

            proxy_redirect     off;
            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-Host $server_name;

        }
    }
}

nginx访问日志文件（/var/log/nginx/access.log）：

110.143.38.80 - - [22/Dec/2014:12:23:26 +1000] "GET /user/admin HTTP/1.1" 200 3279 "-" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36"
110.143.38.80 - - [22/Dec/2014:12:23:26 +1000] "GET /static/css/style.css HTTP/1.1" 200 1541 "http://*.*.*.*/user/admin" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36"
110.143.38.80 - - [22/Dec/2014:12:23:26 +1000] "GET /static/js/moment.min.js HTTP/1.1" 200 13111 "http://*.*.*.*/user/admin" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36"
110.143.38.80 - - [22/Dec/2014:12:23:26 +1000] "GET /static/js/bootstrap.min.js HTTP/1.1" 200 11339 "http://*.*.*.*/user/admin" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36"
110.143.38.80 - - [22/Dec/2014:12:23:26 +1000] "GET /static/css/bootstrap.min.css HTTP/1.1" 200 23863 "http://*.*.*.*/user/admin" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36"
110.143.38.80 - - [22/Dec/2014:12:23:26 +1000] "GET /static/upload/avatars/admin_guyfawkes.jpg HTTP/1.1" 200 38039 "http://*.*.*.*/user/admin" "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36"

【问题讨论】：

Chrome/FF/IE 开发者控制台说什么？特别是网络选项卡？例如，css 文件是否加载为 200？或者他们根本没有加载？
你太棒了。网络选项卡显示它们正在加载为 200，但控制台显示“资源解释为样式表，但使用 MIME 类型文本/纯文本传输”。插入“include /etc/nginx/mime.types;”后进入nginx conf文件，一切都很好。谢谢！
请不要在问题标题中添加SOLVED 之类的内容。 StackOverflow 不是一个讨论论坛。您可以回答自己的问题，接受您的回答，以便其他人知道哪种解决方案对您有效（更重要的是，问题不会一直悬而未决）。
感谢您让我知道如何以正确的方式去做，Burhan。

标签： python nginx flask uwsgi selinux

【解决方案1】：

由于 Gohn67 的建议，我在加载页面后检查了开发者控制台。控制台报告： "资源解释为样式表，但使用 MIME 类型 text/plain 传输"

之后，我将include /etc/nginx/mime.types; 插入到 nginx conf 文件中，一切正常。

【讨论】：