云端Nginx配置CORS后本地React应用仍无法访问静态资源的问题求助

各位大佬好，我在云端搭了个Nginx服务器，把/static/images和/static/data这两个目录设为静态资源目录对外提供服务。

我的Nginx基础配置是这样的：

server{
    location /static/ {
                add_header 'Access-Control-Allow-Origin' '*' always;
                add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range;' always;
                 if ($request_method = OPTIONS) {
                    return 204;
                }
    
                access_log off;
                expires max;
                alias /opt/static/;
                try_files $uri $uri/ =404;
           }
}

现在用浏览器直接访问这些图片和JSON文件都正常，但本地运行的React应用却没法访问这些资源，一直报CORS相关的错误。

这是Chrome里的调试信息截图：

备注：内容来源于stack exchange，提问作者user824624