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

Chrome 显示我的所有静态资源已成功下载，我可以在以下位置很好地查看它们:

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 仍然可见。

请您参考如下方法:

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

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

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