title: Cloud Storage - No 'Access-Control-Allow-Origin' header is present on the requested resource for AngularJS view
body: <p>According to Chrome dev tools, my requests to get my html partials have the origin header <a href="https://site-name-here.com" rel="noreferrer">https://site-name-here.com</a> and request header GET.<br>
  I have the following JSON file set to my bucket:</p>
  
  <pre><code>[
      {
        "origin": ["https://site-name-here.com"],
        "responseHeader": ["content-type"],
        "method": ["GET"],
        "maxAgeSeconds": 3600
      }
  ]
  </code></pre>
  
  <p>However, whenever angular tries to get the view, I get the following error: <code>XMLHttpRequest cannot load https://storage.googleapis.com/bucket-name/view-path.html?. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://site-name-here.com' is therefore not allowed access.</code></p>
  
  <p>I am also serving javascript and css files from Cloud Storage, but they're working fine, I assume because CSS doesn't have CORS restrictions and I'm using $sceDelegateProvider.resourceUrlWhitelist() in Angular for the scripts?</p>
  
  <p><strong>Edit</strong>: Working now, I'm assuming something was cached and it was serving me an old version.</p>