NGINX 成功提供静态资源，但它们没有在浏览器中呈现？

Question

Chrome 正在显示我所有的静态 Assets 成功下载，我可以很好地查看它们，比如:

http://xx.xx.xx.xx/static/css/main.css

发起者被标识为标签:

<link rel="stylesheet" href="/static/css/main.css">

正在显示图像，但在浏览器中没有呈现任何样式(它们是在要求 NGINX 提供它们之前)

我的 NGINX.conf 包含以下内容:

...
server {

    listen 80;

    location ^~ /static/  {
        root /home/ubuntu/clearsite/app/;
        autoindex off;
    }
...

我已经禁用了 chrome 中的缓存，我的移动设备上也发生了同样的事情。

我的应用程序内置在 flask 中并使用 uWSGI。

感谢您的任何建议。

编辑:我的静态文件和我在浏览其他网站时看到的下载的文件之间的一个区别是，chrome 不会在开发人员工具中为它们生成预览。但是，在导航到所需 URL 处的文件时，仍然可以看到有效的 CSS。

Answer 1

NGINX 配置需要进行一项更改:

    location ^~ /static/  {
        root /home/ubuntu/clearsite/app/;
        include /etc/nginx/mime.types;
    }

我应该检查一下 chrome 开发者控制台；它告诉我解释 CSS 时出现问题。