Nginx无法加载css文件

本文介绍了Nginx无法加载css文件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我最近决定从Apache2切换到Nginx。我在我的CentOS服务器上安装Nginx并设置基本配置。 当我试图加载我的网站在浏览器（FF / Chrome）我注意到css文件没有加载。我检查错误控制台并看到此消息：

I've recently decided to switch from Apache2 to Nginx. I installed Nginx on my CentOS server and setup a basic configuration. When I tried to load my site in browser (FF/Chrome) I noticed that css file is not loaded. I checked the error console and saw this message:

错误：样式表example/style.css未加载，因为其MIME类型text / html不是text / css。

我检查了Nginx配置， ：

I checked Nginx configuration and everything seems to be fine:

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

text / css css; 正确设置css文件的类型在/etc/nginx/mime.types中。

text/css css;

一切似乎配置良好，但我的css文件仍然没有加载。我没有解释。

Everything seems to be well configured but my css files are still not loaded. I have no explanation.

另一件值得一提的事情。最初我安装Nginx使用epel存储库，我有一个旧版本：0.8 ...它似乎在我，我的问题是该版本的一个错误，所以我卸载0.8版本，添加nginx存储库到yum，然后安装最新版本：1.0。 14。我认为新版本将解决我的问题，但不幸的是它没有，所以我缺乏想法。

Another thing worth mentioning. Initially I installed Nginx using epel repositories and i got an old version: 0.8... It appeared to me that my problem was a bug in that version so I uninstalled 0.8 version, added nginx repository to yum and then installed latest version: 1.0.14. I thought the new version will solve my problem, but unfortunately it didn't so I am running out of ideas.

我很感激任何帮助。

配置文件：

/etc/nginx/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; }

/etc/nginx/conf.d/default.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 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 { 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 .......................................... }

推荐答案

。我添加到/etc/nginx/conf.d/default.conf中：

I found an workaround on the web. I added to /etc/nginx/conf.d/default.conf the following:

location ~ \.css { add_header Content-Type text/css; } location ~ \.js { add_header Content-Type application/x-javascript; }

现在的问题是，对我的css文件的请求未重定向，如同root没有正确设置。 在error.log中看到

The problem now is that a request to my css file isn't redirected well, as if root is not correctly set. In error.log I see

2012/04/11 14:01:23 [error] 7260＃0：* 2 open /nginx//html/style.css

2012/04/11 14:01:23 [error] 7260#0: *2 open() "/etc/nginx//html/style.css"

作为第二个解决方法，我将根添加到每个定义的位置。 现在它工作，但似乎有点多余。不是从/ location继承的根？

So as a second workaround I added the root to each defined location. Now it works, but seems a little redundant. Isn't root inherited from / location ?