I am currently building a dashboard for chrome. I am trying to display coin prices on the dashboard by getting the information through coin gecko’s API. I get this error when I run my code "Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.coingecko.com/api/v3/coins/dogecoin. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).", and get the same error when I try to execute on the coin gecko API V3 site.
This is my code:
fetch("https://api.coingecko.com/api/v3/coins/dogecoin") .then(response => response.json()) .then(data =>console.log(data)) .catch(err => console.log(err))
For such requests to work in JavaScript, the server on their end needs to allow them.
This is done by their server sending special CORS headers, the most basic one being the "Access-Control-Allow-Origin" header.
I guess the API provider has not foreseen or planned for this API to be used from a frontend (e.g. JavaScript in the browser), so you would have to work around this.
One way is to set up your own server and have the JavaScript code make a request to your server and your server then making a request to the API, as server side code is not bound to CORS headers set Header('Access-Control-Allow-Origin','*')