☰

Nginx が CSS ファイルの読み込みに失敗する 質問する

tag-icon • tag-icon css nginx mime
Nginx が CSS ファイルの読み込みに失敗する 質問する

最近、Apache2 から Nginx に切り替えることにしました。CentOS サーバーに Nginx をインストールし、基本的な構成を設定しました。ブラウザー (FF/Chrome) でサイトを読み込もうとすると、css ファイルが読み込まれていないことに気付きました。エラー コンソールを確認すると、次のメッセージが表示されました。

Error: The stylesheet http://example.com/style.css was not loaded because its MIME type, "text/html", is not "text/css".

Nginx の設定を確認しましたが、すべて問題ないようです。

http {
    include /etc/nginx/mime.types;
    ..........
}

CSS ファイルの MIME タイプは /etc/nginx/mime.types で正しく設定されています。

text/css css;

すべて適切に設定されているようですが、CSS ファイルはまだ読み込まれません。説明がありません。

言及する価値のあるもう 1 つのこと。最初に、epel リポジトリを使用して Nginx をインストールしましたが、古いバージョン 0.8 が使用されました...問題はそのバージョンのバグであるように思われたため、0.8 バージョンをアンインストールし、nginx リポジトリを yum に追加してから、最新バージョン 1.0.14 をインストールしました。新しいバージョンで問題が解決すると思いましたが、残念ながら解決しなかったため、アイデアが尽きています。

どのような助けでも感謝します。

設定ファイル:

nginx.conf は、

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

デフォルト

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/log/host.access.log  main;

    location / {
         root    /usr/share/nginx/html;
         index  index.html index.htm index.php;
         fastcgi_pass   127.0.0.1:9000;
         fastcgi_index  index.php;
         fastcgi_param  SCRIPT_FILENAME  /usr/share/nginx/html$fastcgi_script_name;
         include        fastcgi_params;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

/etc/nginx/mime.types

types {
    text/html                             html htm shtml;
    text/css                              css;
    text/xml                              xml;
    image/gif                             gif;
    image/jpeg                            jpeg jpg;
    application/x-javascript              js;
    application/atom+xml                  atom;
    application/rss+xml                   rss;
    ..........................................
    other types here
    ..........................................
}

ベストアンサー1

私の場合は、under の代わりにinclude /etc/nginx/mime.types;underを置くことで問題が解決しました。location / {http {

おすすめ記事