Cloud Storage - No 'Access-Control-Allow-Origin' header is present on the requested resource for AngularJS view
<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>