title: JavaScript Error : Cross-Origin Read Blocking (CORB) blocked cross-origin response
body: <p>Using API to fetch data in JavaScript, but its giving this error</p>
  
  <p>Cross-Origin Read Blocking (CORB) blocked cross-origin response <a href="https://MYURL/admin/orders.json?callback=jQuery33108579100223062108_1529487937348&amp;_=1529487937349" rel="nofollow noreferrer">https://MYURL/admin/orders.json?callback=jQuery33108579100223062108_1529487937348&amp;_=1529487937349</a> with MIME type application/json. See <a href="https://www.chromestatus.com/feature/5629709824032768" rel="nofollow noreferrer">https://www.chromestatus.com/feature/5629709824032768</a> for more details.</p>
  
  <p>here is my code</p>
  
  <pre><code>var settings = {
      "async": true,
      "crossDomain": true,
      "dataType": "JSONP",
      "url": "myurl",
      "method": "GET",
      "headers": {
          "Access-Control-Allow-Credentials": true,
          "Access-Control-Allow-Origin": "*",
          "Access-Control-Allow-Methods": "GET",
          "Access-Control-Allow-Headers": "Content-Type",
          "authorization": "Basic ZGNlMzFjMzNkMDJlY2RiZjsdfdsfIxNjc6YzNhYzssdfsdfdfsdfMTU1ZDk4ZGM=",
      }
  }
  $.ajax(settings).done(function (response) {
      console.log(response);
  });
  </code></pre>
  
  <p>NOTE: IN PHP CURL request all things are working fine.</p>