0
160
Vistas¿Por qué recibo el error "No hay encabezado 'Access-Control-Allow-Origin' presente en el recurso solicitado" en mi sitio?
Estaba jugando con las API para familiarizarme con ellas, y estoy tratando de mostrar una lista de nombres de objetos de una API. Pero cuando abro mi sitio web, no se muestra nada y aparece un error de CORS. Aquí está mi código:
const url = 'https://api.wynncraft.com/v2/ingredient/list'; const mainDiv = document.getElementById('container'); fetch(url) .then((resp) => resp.json()) .then(function(data) { let ingredients = data.results; return ingredients.map(function(ingredient) { let li = createNode('li'); let span = createNode('span'); span.innerHTML = `${ingredient.name}`; append(li, span); append(ul, li); }) }) .catch(function(error) { console.log(error); }); function createNode(element) { return document.createElement(element); } function append(parent, el) { return parent.appendChild(el); }Y el HTML asociado:
<!DOCTYPE html> <html> <head> <title>Wynncraft API Test</title> </head> <body> <div id="container"></div> <script src="script.js"></script> </body> </html>¡Cualquier ayuda es muy apreciada!
·
Juan Pablo Isaza
Responde la pregunta