Nginx无法加载css文件 [英] Nginx fails to load css files
问题描述
我最近决定从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:
错误:样式表http://example.com/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 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 {
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 ?
这篇关于Nginx无法加载css文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!