title: trying to get image using fetch, the image is stored in firebase storage
body: <p>Hy,
  I am trying to get the image using fetch API, the URL is valid, as it works when I put the image URL in the Img tag.</p>
  
  <p>my fetch function:</p>
  
  <pre><code>   getImage = () =&gt; {  
     const url= "https://firebasestorage.googleapis.com/v0/b/alpha-c790f.appspot.com/o/images%2Frivers.jpg?alt=media&amp;token=6a96d672-23c1-425f-bdca-47f6d73608f0"
  
  
  fetch(this.state.url,{
    mode: 'no-cors'
  }).then(response =&gt; response.blob())
  .then((res)=&gt;{
       console.log(res);
      var objectURL = URL.createObjectURL(res);
      var myImage = new Image();
      myImage.src = objectURL;
  
  }).catch(err=&gt;{
    console.log(err);
  })
  }
  </code></pre>
  
  <p>the firebase cloud storage access rules :</p>
  
  <pre><code>      rules_version = '2';
        service firebase.storage {
        match /b/{bucket}/o {
             match /{allPaths=**} {
             allow read, write: if request.auth != null;
             }
          }
      }
  </code></pre>
  
  <p>I want to implement it like this because I want to put a spinner on it until the image comes</p>
  
  <p>The response I get is this</p>
  
  <pre><code>           Blob {size: 0, type: ""}
                   size: 0
                   type: ""
              __proto__: Blob
  </code></pre>