When fetching, I’m getting this error in console: Access to fetch at ‘https://usgeocoder.com/api/get_info.php?address=18035%20SE%20Newport%20way&zipcode=98027&authkey=’ from origin ‘https://block--hd-i-z-fh-ux-g-vq-m0-t--tiq297d.airtableblocks.com’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

Here’s the current fetch part of my code:

let reqHeader = new Headers();

reqHeader.append('Content-Type', 'text/json','Access-Control-Allow-Origin'); //,'no-cors'





let initObject = {





    method: 'GET', headers: reqHeader,





};





var targetUrl = "https://usgeocoder.com/api/get_info.php?address="+add+"&zipcode="+zip+'&authkey='+apiKey;





console.log(targetUrl);





await fetch(targetUrl, initObject)





    .then(function (response) {





    return response.json();





    })





    .then(function (data) {





        console.log("Response Data:"+data);





    })





    .catch(function (err) {





        console.log("Something went wrong!", err);





    });

It’s printing out " 1. “Something went wrong!”

1. 
   
   Error {name: “TypeError”}" to console but I’m assuming that’s because it’s failing to fetch.

I’ve dug through other people having similar issues but passing ‘no-cors’ doesn’t work. The output is originally in XML if I’m using this API URL in a browser so that could be the issue.

I’ve tried to fetch this API probably 5-6 different ways to see if parsing the XML differently would fix it but keep getting either a blank object or this error.

Here’s what it should be returning: