how can i fix this issue

#javascript #webdev #programming #tutorial

Top comments (11)

Ayoub • Aug 27 '22

thanks guys , i found that the problem is firefox is causing that problem cuz off security

Brent Dalling • Aug 28 '22

I would use some caution with this. I develop using Firefox and I have never run into this problem just due to the browser. Usually this is a config item with the request or the API server. In this case my codepen rules out the API. Meaning this is a configuration issue with your code.

Even if the config item is only broken in Firefox you should fix it. Failure to do so will result in Firefox users not being able to use the resource you are building. Furthermore, leaving this issue will likely result in more bugs or instability in the future.

Posandu • Aug 27 '22

Try replacing https://localhost:3000 with http://localhost:3000 (the 's' got removed) in your code.

Brent Dalling • Aug 26 '22

So this is a CORS error. Here is a link for more information. auth0.com/blog/cors-tutorial-a-gui...

But here is the GIST of it. CORS is a way that we protect our resources by limiting consumers of the resources to the same domain. Usually we see this error when you're writing a new API or connecting up to an API. Essentially, domain a hosting your site can't talk to domain b until the CORS policy is set correctly.

Brent Dalling • Aug 26 '22

I can see that you are using a publicly available API. I'm not sure what is wrong with your code. But, I created a simple codepen to give you an idea on how it is meant to be consumed.

codepen.io/brentvdalling/pen/LYdKP...