Azure blob depolama alanı için CORS'yi etkinleştirme

Question

Azure Blob Storage için tamamen yeni ve açısal istemci tarafı için CORS'u ayarlamada sorun yaşıyorum. Bu module kullanıyorum. sasToken başarıyla nodejs sunucusunda oluşturdum.

Ayrıca ben bu referansları kontrol ettikten: Set Blob Service Properties, Cross-Origin Resource Sharing (CORS) Support for the Azure Storage Services ve Windows Azure Storage: Introducing CORS ama gerçekten nerede yapmak/bu kodları koymak kafa karıştırıcı bulabilirsiniz.

Şimdiye kadar ne yaptık şudur: AGULAR CONTROLLER İÇİNDE

:

// this is the service that generate the sasToken from the server 
getService.getSasToken(filename) 
     .then(function (response) { 
      // response = { 
      // sasToken : "asa7sya....", 
      // token: "the shared key", 
      // account: "the storage account name" 
      // } 

      function createCORSRequest(method, url) { 
       var xhr = new XMLHttpRequest(); 
       if ("withCredentials" in xhr) { 
        xhr.open(method, url, true); 
        xhr.setRequestHeader("Content-Type","application/xml"); 
        xhr.setRequestHeader("x-ms-version", "2013-08-15"); 
        xhr.setRequestHeader("Authorization", response.token); 
        xhr.setRequestHeader("myaccount", response.account); 
       } else if (typeof XDomainRequest != "undefined") { 
        xhr = new XDomainRequest(); 
        xhr.open(method, url, true); 
        xhr.setRequestHeader("Content-Type","application/xml"); 
        xhr.setRequestHeader("x-ms-version", "2013-08-15"); 
        xhr.setRequestHeader("Authorization", response.token); 
        xhr.setRequestHeader("myaccount", response.account); 
       } else { 
        xhr = null; 
       } 
       return xhr; 
      } 

      var xhr = createCORSRequest('PUT', 'https://foo.blob.core.windows.net?restype=service&comp=properties'); 
      if (!xhr) { 
       throw new Error('CORS not supported'); 
      }else{ 
       // Response handlers. 
       xhr.onload = function() { 
        alert('Response from CORS request to ' + xhr.responseText); 
        azureBlob.upload({ 
         baseUrl: "https://foo.blob.core.windows.net/bar/"+filename, 
         sasToken: "?"+response.sasToken, 
         file: blobFile, 
         progress: function (progress) { 
          console.log("progress", progress); 
         }, 
         complete: function (complete) { 
          console.log("complete", complete); 
         }, 
         error: function (error) { 
          console.log("error", error); 
         }, 
         // blockSize: // What do I put here? 
        }) 
       }; 

       xhr.onerror = function() { 
        alert('Woops, there was an error making the request.'); 
       }; 
       $.ajax({ 
        type: "GET", 
        url: "../scripts/cors.xml", // local xml file 
        dataType: "xml", 
        success: function(xml){ 
         console.log("xml", xml); 
         xhr.send(xml); 
        } 
       }); 

      } 
     },function (error) { 
      console.log(error); 
     }) 

CORS.XML yukarıda

<?xml version="1.0" encoding="utf-8"?> 
<StorageServiceProperties> 
    <Logging> 
     <Version>1.0</Version> 
     <Delete>true</Delete> 
     <Read>false</Read> 
     <Write>true</Write> 
     <RetentionPolicy> 
      <Enabled>true</Enabled> 
      <Days>7</Days> 
     </RetentionPolicy> 
    </Logging> 
    <HourMetrics> 
     <Version>1.0</Version> 
     <Enabled>true</Enabled> 
     <IncludeAPIs>false</IncludeAPIs> 
     <RetentionPolicy> 
      <Enabled>true</Enabled> 
      <Days>7</Days> 
     </RetentionPolicy> 
    </HourMetrics> 
    <MinuteMetrics> 
     <Version>1.0</Version> 
     <Enabled>true</Enabled> 
     <IncludeAPIs>true</IncludeAPIs> 
     <RetentionPolicy> 
      <Enabled>true</Enabled> 
      <Days>7</Days> 
     </RetentionPolicy> 
    </MinuteMetrics> 
    <Cors> 
     <CorsRule> 
      <AllowedOrigins>*</AllowedOrigins> 
      <AllowedMethods>GET,PUT,POST</AllowedMethods> 
      <MaxAgeInSeconds>500</MaxAgeInSeconds> 
      <ExposedHeaders>x-ms-meta-data*,x-ms-meta-customheader</ExposedHeaders> 
      <AllowedHeaders>x-ms-meta-target*,x-ms-meta-customheader</AllowedHeaders> 
     </CorsRule> 
    </Cors> 
    <DefaultServiceVersion>2013-08-15</DefaultServiceVersion> 
</StorageServiceProperties> 

kodları dayanmaktadır bu GUIDE

Herkes önce bu

mi yaptı:

Ancak hala bu hatayı alıyorum? Lütfen kod adamlarınızı paylaşın.

Şimdiden teşekkürler.

Answer 1

Ön kontrol isteğinize verdiğiniz yanıtın, ön kontrol isteğinizin başarısız olduğunu gösteren 'Erişim-Kontrol-İzin-Kökeni' başlığı içermediğini görebiliyorum. Sunucu tarafında izin almadığınız anlamına gelir.

Kodunuzun Guide temel alındığını söylediniz. Ancak kılavuz, Tarih veya x-ms-tarihin sizin önkoşul isteğinizi reddeden sizinki gibi görünmeyen istek başlıklarında gerekli olduğunu söylüyor.

Benim önerim, istek başlıklarınıza x-ms-date ekleyerek tekrar deneyin. 'Ön kontrol isteği' ve 'gerçek istek' ile ilgili ayrıntılı bilgi almak için this article'u görebilirsiniz.