Azure 存储。收到 403 [url](未启用 CORS 或未找到此请求的匹配规则。)

Question

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

当我尝试创建容器时:

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

我遇到错误:

1. OPTIONS [我的存储的 URL] 403(未启用 CORS 或未找到此请求的匹配规则。)

2. 无法加载 [url 到我的存储]:对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin” header 。

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

我是否需要添加/编辑一些 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 门户进行设置。更多详情请引用截图。