Actualmente estoy construyendo un tablero para Chrome. Estoy tratando de mostrar los precios de las monedas en el tablero al obtener la información a través de la API de coin gecko. Recibo este error cuando ejecuto mi código "Solicitud de origen cruzado bloqueada: la misma política de origen no permite leer el recurso remoto en https://api.coingecko.com/api/v3/coins/dogecoin . (Razón: encabezado CORS ' Falta Access-Control-Allow-Origin')", y obtengo el mismo error cuando intento ejecutar en el sitio coin gecko API V3.
Este es mi código:
fetch("https://api.coingecko.com/api/v3/coins/dogecoin") .then(response => response.json()) .then(data =>console.log(data)) .catch(err => console.log(err))
Para que tales solicitudes funcionen en JavaScript, el servidor de su parte debe permitirlas.
Esto lo hace su servidor enviando encabezados CORS especiales, el más básico es el encabezado "Access-Control-Allow-Origin".
Supongo que el proveedor de la API no ha previsto ni planificado que esta API se utilice desde una interfaz (por ejemplo, JavaScript en el navegador), por lo que tendrá que solucionar este problema.
Una forma es configurar su propio servidor y hacer que el código JavaScript realice una solicitud a su servidor y luego a su servidor realice una solicitud a la API, ya que el código del lado del servidor no está vinculado a los encabezados CORS establecidos Encabezado ('Acceso-Control-Permitir -Origen','*')