NGINX 成功地提供了静态资产，但它们不在浏览器中呈现？

Question

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

Answer 1

NGINX 配置需要一项更改：

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

我应该检查 chrome 开发者控制台；它告诉我解释 CSS.

时出现问题

NGINX successfully serves static assets, but they do not render in the browser?