title: JSON API not retrieving through fetch due to origin Cross-Origin Read Blocking (CORB)
body: <p>I continuously keep getting the (settings.js:76 Cross-Origin Read Blocking (CORB) blocked cross-origin response) error. I am using the fetch method to retrieve the json data from the api, here's my code: </p>
  
  <pre><code> function workUpdate() {
       let data = new FormData();
       let miles = $("radius").value / 1000;
       let zip = "";
       let cookies = document.cookie.split(";");
        for (let i = 0; i &lt; cookies.length; i++) {
            let key = cookies[i].split("=");
            if (key[0].trim() == "zip") {
                 zip = key[1];
            }
        }
        if (zip == "") {
            $("radius-error").innerHTML = "Please provide your zip code in the personal information tab."
        } else {
            let url = "https://www.zipcodeapi.com/rest/TrAEIfdiFRU4FNxY94su2FXgrXbCRud9mnfyWdubJSKM5Py7x0g5LjTTd46NXIo8/radius.json/" + zip + "/" + miles + "/mile";
              fetch(url, {mode:'no-cors'})
                 .then(checkStatus)
                 .then(JSON.parse)
                 .then(handleWorkResponse)
                 .catch(console.log);
        }
  
   }
  
  function handleWorkResponse(response) {
       let locations = response[0]["zip_code"] + "-";
       for (let i = 1; i &lt; response.length; i++) {
           locations += "-" + response[i]["zip_code"];
       }
       let data = new FormData();
       data.append("locations", locations);
       let url = "php/workupdate.php";
       fetch(url, {method: "POST", body: data, mode:'cors', credentials:'include'})
                 .then(checkStatus)
                 .then(function() {
                     location.reload();
                 })
                 .catch(console.log);
   }
  </code></pre>