我们在 Windows Azure 上有一个 blob 存储。
http://mytest.blob.core.windows.net/forms
我使用 CloudBerry 将一些文件上传到存储。我可以通过浏览器成功下载文件。 这些文件是简单的文本文件，但具有不同的文件扩展名。 例如，
http://mytest.blob.core.windows.net/forms/f001.etx
我想通过 jquery ($.get) 下载文件，但是由于 CORS 失败。
如何在 Portal 的 Azure BLOB 存储中配置 CORS？
而且，我也应该在客户端为 CORS 做点什么吗？
【问题讨论】：
为确保您的 B2C 定制有效，您需要注意以下事项：
提示：要验证您托管内容的站点是否启用了 CORS 并测试 CORS 请求，您可以使用站点 http://test-cors.org/。感谢这个站点，您可以简单地将 CORS 请求发送到远程服务器（以测试是否支持 CORS），或将 CORS 请求发送到测试服务器（以探索 CORS 的某些功能）。
【讨论】：
更新：在回答此问题时，Azure 门户没有此功能。它现在是outlined here。下面概述了在添加 UI 之前执行此操作的方法。
如何在 Portal 的 Azure BLOB 存储中配置 CORS？
如果您愿意，您可以随时以编程方式设置 Blob 存储的 CORS 规则。如果您使用的是 .Net 存储客户端库，请查看存储团队的这篇博文：http://blogs.msdn.com/b/windowsazurestorage/archive/2014/02/03/windows-azure-storage-introducing-cors.aspx。从该博客文章中设置 CORS 设置的代码：
private static void InitializeCors()
{
// CORS should be enabled once at service startup
// Given a BlobClient, download the current Service Properties
ServiceProperties blobServiceProperties = BlobClient.GetServiceProperties();
ServiceProperties tableServiceProperties = TableClient.GetServiceProperties();
// Enable and Configure CORS
ConfigureCors(blobServiceProperties);
ConfigureCors(tableServiceProperties);
// Commit the CORS changes into the Service Properties
BlobClient.SetServiceProperties(blobServiceProperties);
TableClient.SetServiceProperties(tableServiceProperties);
}
private static void ConfigureCors(ServiceProperties serviceProperties)
{
serviceProperties.Cors = new CorsProperties();
serviceProperties.Cors.CorsRules.Add(new CorsRule()
{
AllowedHeaders = new List<string>() { "*" },
AllowedMethods = CorsHttpMethods.Put | CorsHttpMethods.Get | CorsHttpMethods.Head | CorsHttpMethods.Post,
AllowedOrigins = new List<string>() { "*" },
ExposedHeaders = new List<string>() { "*" },
MaxAgeInSeconds = 1800 // 30 minutes
});
}
如果您正在寻找执行相同操作的工具，一些存储资源管理器支持配置 CORS - Azure 存储资源管理器、Cerebrata Azure Management Studio、Cloud Portam（披露 - 我正在构建 Cloud Portam 实用程序）。
正确配置 CORS 后，您可以使用 Rory 的回答中提到的代码从 blob 存储下载文件。正如 Rory 所说，您不必在客户端做任何特别的事情。
【讨论】：
【讨论】：
通过 PowerShell 设置 CORS 的更简洁的方法： https://gist.github.com/irwinwilliams/4cf93b6e2461c753ff125590650186ae
#works with Azure in Powershell v 1.3.2
clear
$StorageAccountName = "[storageaccountname]"
$Key = "[storageaccountkey]"
$Context = New-AzureStorageContext -StorageAccountKey $Key -StorageAccountName $StorageAccountName
$CorsRules = (@{
AllowedHeaders=@("*");
AllowedOrigins=@("*");
ExposedHeaders=@("content-length");
MaxAgeInSeconds=200;
AllowedMethods=@("Get","Connect", "Head")})
Set-AzureStorageCORSRule -ServiceType Blob -CorsRules $CorsRules -Context $Context
$CORSrule = Get-AzureStorageCORSRule -ServiceType Blob -Context $Context
echo "Current CORS rules: "
echo $CORSrule
【讨论】：
现在您可以使用 azure power shell 轻松设置/编辑/查看 CORS 规则。在此链接上查找更多信息：
https://azure.microsoft.com/en-us/documentation/articles/storage-powershell-guide-full/
总结以下 power shell 命令将为您的 blob 设置 CORS：
Add-AzureAccount 登录您的帐户Get-AzureSubscription |
Format-Table SubscriptionName, IsDefault, IsCurrent,
CurrentStorageAccountName
$SubscriptionName = 'Your subscription
name'
Get-AzureStorageBlob
$ctx =
New-AzureStorageContext 创建授权上下文并输入所需的参数。Get-AzureStorageCORSRule -ServiceType Blob
-Context $ctx
$CorsRules = (@{
AllowedHeaders=@("*");
AllowedOrigins=@("*");
ExposedHeaders=@("content-length");
MaxAgeInSeconds=200;
AllowedMethods=@("Get","Connect", "Head")})
Set-AzureStorageCORSRule -ServiceType Blob -CorsRules $CorsRules
-Context $ctx【讨论】：
这就是我使用控制台应用程序启用 cors 的方式，只需在 StorageCredentials 中提供您的凭据：
private static CloudStorageAccount StorageAccount;
public static CloudBlobClient BlobClient
{
get;
private set;
}
static void Main(string[] args)
{
StorageAccount = new CloudStorageAccount(new StorageCredentials("AccountName", "AccountKey"), true);
BlobClient = StorageAccount.CreateCloudBlobClient();
InitializeCors(BlobClient);
}
private static void InitializeCors(CloudBlobClient blobClient)
{
ServiceProperties blobServiceProperties = BlobClient.GetServiceProperties();
ConfigureCors(blobServiceProperties);
BlobClient.SetServiceProperties(blobServiceProperties);
}
private static void ConfigureCors(ServiceProperties serviceProperties)
{
serviceProperties.Cors = new CorsProperties();
serviceProperties.Cors.CorsRules.Add(new CorsRule()
{
AllowedHeaders = new List<string>() { "*" },
AllowedMethods = CorsHttpMethods.Put | CorsHttpMethods.Get | CorsHttpMethods.Head | CorsHttpMethods.Post,
AllowedOrigins = new List<string>() { "*" },
ExposedHeaders = new List<string>() { "*" },
MaxAgeInSeconds = 1800 // 30 minutes
});
}
【讨论】：
Azure Blob 存储支持 CORS，但您需要在发出请求之前设置标头。为此，最好使用$.ajax，因为它可以让您更好地控制正在发送的信息。这是this demo 的重新设计示例：
function setHeader(xhr) {
xhr.setRequestHeader('x-ms-version', '2013-08-15');
xhr.setRequestHeader('MaxDataServiceVersion', '3.0');
xhr.setRequestHeader('Accept', 'application/json;odata=nometadata');
}
$.ajax({
type: 'GET',
datatype: "json",
url: 'http://mytest.blob.core.windows.net/forms/f001.etx',
beforeSend: setHeader,
success: function(data) {
// do something with the retrieved file.
},
error: function (res, status, xhr) {
alert("can't get the data for the specified table");
}
});
【讨论】：