How are you handling CORS error?

[xavier-ig]

Hello, I'm trying to learn about using APIs and using this as a project to learn, I have used other APIs and worked fine, but I'm not able to make this one work due an error related to:

Access to fetch has been blocked by CORS policy: 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.

I have used the mode 'no-cors' but I'm still not able to see the data, I'm confused because when I use the Postman app I'm able to get data but not from my local server from Visual Studio

Hope someone can guide me. Thanks!

[DudeNr33]

What do you mean with "local server"?
I have the same problem when trying to access the endpoints directly with client side JavaScript code.
Accessing the endpoints from Python with the requests library is no problem however.

I'm not a JavaScript expert, but from what I've figured:

• CORS is only an issue if you run code in the browser (i.e. client side code)
• As CORS (Cross-Origin Ressource Sharing)-Headers must be enabled on the server side, you cannot solve this problem in your client side code

One possible solution to this would be to set up a proxy server, which proxies your requests to the API and takes care of the CORS headers.

However, I'm curious if there are better solutions to this problem.

[xavier-ig]

Thanks for your reply, with your message and all things I have read and videos, I was able to solve by opening the browser (Google Chrome), without the security that was blocking and now I can see the information flowing.

I think that is not the final solution but one step at a time hopefully to still learning about Javascript.

(For local server I meant that I have an extension in Visual Studio - Live Server v5.7.4 - because I thought that was needed in order to execute a fetch but I think is not needed after some other tests)

[alexpersian]

Apologies for the re-tag of the answer. Misstap within the mobile app.

Glad that you were able to find help with this!