使用NGINX，css文件不起作用

Question

css文件正在加载，但问题是它们没有应用，但这是奇怪的部分。如果我以任何方式在chrome中编辑它（键入一个字符并将其删除），则应用样式表。我很确定nginx的问题是因为当我运行本地服务器（node.js http-server）时，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.

Answer 1

如果您查看发送到浏览器的标头，现在会收到两个内容类型，这是错误的。浏览器将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/