蔚蓝存储。收到 403 [url]（未启用 CORS 或未找到与此请求匹配的规则。）

Question

我正在开发一些 web-page 允许将文件从客户端直接上传到我的 Azure 存储。我的文件存储在门户中的 Azure BLOB 存储中。为此，我使用了来自 npm 的 'azure-storage' v2.8.1 包。

当我尝试创建容器时：

    const blobService = AzureStorage.createBlobServiceWithSas(storageUri, sasToken)
    blobService.createContainerIfNotExists(containerName, { publicAccessLevel: 'blob' }, (error, result, response) => {.....})

我遇到错误：

OPTIONS [url 到我的存储] 403（未启用 CORS 或未找到此请求的匹配规则。）
无法将 [url 加载到我的存储]：对预检请求的响应未通过访问控制检查：无 'Access-Control-Allow-Origin' header 存在于请求的资源。

我确定 blob 连接字符串是正确的 - 我检查过了。此外，我知道我可以在 azure.portal 上为我的存储编辑 CORS。目前是空的。

我需要 add/edit 一些 CORS 吗？有人知道解决方案吗？

Answer 1

Should I need to add/edit there some CORS? Do someone know solution?

是的，您需要为存储 blob 服务添加 CORS 设置。默认情况下，每个服务都禁用 CORS。我们可以从这个 article.

中获得更多关于 CORS 的信息

Note: CORS is not supported for Premium Storage accounts.

我们也可以从 Azure 门户进行设置。更多详情请参考截图

蔚蓝存储。收到 403 [url]（未启用 CORS 或未找到与此请求匹配的规则。）

Azure storage. Got 403 [url] (CORS not enabled or no matching rule found for this request.)

azure

cors

web

preflight

azure-blob-storage