CODEWITHSUNDEEP
javascriptreactjsaxioscors
Ankit Shah
Ankit Shah

Reputation: 1335

response 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: enter image description here enter image description here 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.

Upvotes: 1

Views: 6194

Answers (2)

Wraithy
Wraithy

Reputation: 2056

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

Upvotes: 1

Flori00
Flori00

Reputation: 13

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.

Upvotes: 0

Related Questions