0
240
Viewsresponse status code 200 but cors error in react js axios
I am trying to hit a open source API from https://citizenatlas.dc.gov/newwebservices/locationverifier.asmx/findLocation2 using axios. My code is:
let fetchDCWardUrl = 'https://citizenatlas.dc.gov/newwebservices/locationverifier.asmx/findLocation2?str=2%252015th%2520St%2520NW,%2520Washington,%2520DC%252020024,%2520USA&f=json';
await axios.get(fetchDCWardUrl).then((response) => {
console.log(response);
});
And I am getting:
When I hit the same URL from the postman or directly hit the browser URL bar, I get a response without any error. I also tried using the post method, tried js fetch.
2 answers
Answer question0
Cors must be enabled on server-side. For development purposes you can use react proxy settins but on production server you must correctly setup your server to create proxy for this request
0
I think the website must allow the request from javascript. Thats a server side thing. You shouldn't be able to send request to the backend without proof that you are the "real" frontend it belongs to. Its a security feature from your browser. If you open this normaly the browser doesn't catch that...
To fix that you could write your own backend which catches the request and sends the content to your frontend and then set the cors there.