2017-04-12 79 views
1

css文件正在加载,但问题是他们没有应用,但这里是奇怪的部分。如果我以任何方式在Chrome中编辑它(键入一个字符并删除它),则样式表适用。我很确定这个问题与nginx有关,因为当我运行本地服务器(node.js http-server)时,css文件就可以工作。使用NGINX,css文件不工作

我将此添加到我的配置,以确保它发送并被解释为正确类型的文件,但它仍然无法正常工作。

location ~ \.css { 
    add_header Content-Type text/css; 
} 

This is the website if anyone wants to look at it or try editing the css file.

回答

3

如果你看一下发送到浏览器的标题,现在收到两个内容类型这是不对的。浏览器将CSS解释为纯文本/文本,因此无法应用CSS。

Content-Type:text/plain 
Content-Type:text/css 

你的nginx配置是什么样的?你是否包含/etc/nginx/mime.types;任何地方在这里:https://www.nginx.com/resources/wiki/start/topics/examples/full/

+0

谢谢,我是愚蠢的,并没有包括在内。这是我第一次使用nginx。现在一切正常! –