POST request generates failed to fetch

Question

I'm having problems making a POST request through the fetch API from javascript and I get the following error: TypeError: Failed to fetch at fetchCallImpp at window.fetch The code is the following:

 const agregarCafetalDB = (nombre) => { const data = { "nombre": `${nombre}`, }; const requestOptions = { method: 'POST', body: JSON.stringify(data), redirect: 'follow', mode: 'cors', headers: { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' }, }; fetch(url, requestOptions).then(response => response.json()).then(result => console.log(result)).catch(error => console.log('error', error)); } btnAgregar.addEventListener('click', (e) => { agregarCafetalDB(cafetal.value) });

I would like you to help me solve the error thank you very much in advance

Answer 1

Does the same error shows in other browsers? fetch is ES6 Javascript, maybe the browser you are using doesn't support it.

 fetch(url, requestOptions)

Also, make sure that variable 'url' is defined.