我在云端建立了一个 nginx,其中 /static/images 和 /static/data 文件夹作为静态文件夹。

基本配置如下

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 文件,但由于 CORS 问题,基于本地主机的 React 应用程序无法访问这些文件。

这是来自 chrome 的调试信息

但是我已经在 nginx 配置中添加了 access-control-allow-orgin 标头。

            add_header 'Access-Control-Allow-Origin' '*' always;

所以现在仍然卡住,不知道如何处理

3

  • 您的位置不匹配。您缺少~前缀。


    – 

  • 谢谢提醒,抱歉打错了。我重新编辑了内容,但主要问题仍然是 CORS


    – 

  • 您确定请求最终到达了此位置吗?显示服务器块的完整配置。


    – 

0