title: XMLHttpRequest cannot load. Unloaded resources show caution: Provisional headers are shown
body: <p>I actually don't know the right title for this question, because of I've found many similars but still couldn't figure the solution out.</p>
  
  <p>My problem is that (on Chrome) the website I've working on remain showing console log: <em>XMLHttpRequest cannot load <strong><a href="http://resource.domain.com/file.css" rel="nofollow noreferrer">http://resource.domain.com/file.css</a></strong>. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<strong><a href="http://www.my-site-url.tld" rel="nofollow noreferrer">http://www.my-site-url.tld</a>'</strong> is therefore not allowed access.</em></p>
  
  <p><img src="https://i.stack.imgur.com/2Avjr.jpg" alt="error message on console log"></p>
  
  <p>I've tried to allow that resources via .htaccess files using this code.</p>
  
  <pre><code>&lt;FilesMatch "\.(jpg|jpeg|png|gif|js|css)$"&gt;
  &lt;IfModule mod_headers.c&gt;
      Header set Access-Control-Allow-Origin http://wp.com,http://ajax.googleapis.com,http://fonts.googleapis.com,http://zor.fyre.co
      Header set Access-Control-Allow-Credentials true
  &lt;/IfModule&gt;
  &lt;/FilesMatch&gt;
  </code></pre>
  
  <p>Doesn't work. I've also tried php and jsonp version.</p>
  
  <p>Anyone please help me to fix this issue.</p>
  
  <p><strong>Additional info:</strong>
  Lately, in inspect elements > Networks > Headers section, I found this message:
  <img src="https://i.stack.imgur.com/0FLN6.jpg" alt="CAUTION: Provision headers are shown"></p>