Azure 存储 Blob CORS 错误

Question

我有一个 Azure 存储帐户（经典）并通过门户启用了 CORS：

现在我有一个 Flutter Web 应用 (PWA)，它需要从这个存储中获取一些图像，但它出现了 CORS 错误。

我还尝试了一个带有简单 jquery ajax 调用的测试网页，但我得到了同样的错误。 这是jquery代码：

$.ajax({
        url: 'https://xxxx.blob.core.windows.net/test.jpg',
        type: 'get',
        success: function(data, status) {
            console.log("Status: "+status+"\nData: "+data);
        },
        error: function (result) {
            console.log(result);
        }           
     });

错误信息是：

从源“https://zzz.azurewebsites.net”访问“https://xxxx.blob.core.windows.net/test.jpg”处的 XMLHttpRequest 已被 CORS 策略阻止：无“访问权限-请求的资源上存在 Control-Allow-Origin' 标头。

如何添加响应标头：access-control-allow-origin: *

谢谢。

Answer 1

正如chat 中所讨论的，您的 CORS 配置非常好。您遇到的问题是因为浏览器缓存了 CORS 设置。我们发现了两件事：

1. CORS 设置的最大使用期限设置为非常高的值（86400 秒），这会使浏览器缓存 CORS 设置的时间更长。删除 CORS 设置并使用较低的最大年龄值重新创建它以及删除浏览器缓存将解决该问题。

2. 在第二个浏览器中尝试 AJAX 请求总是有帮助的，以防第一个浏览器缓存了 CORS 设置。