Estoy creando un blog con un amigo como un pequeño proyecto entre nosotros. Estoy y probé el backend en PHP, él está escribiendo el código del frontend. Como todavía es más nuevo que yo en HTML y JS, también estoy escribiendo el código JS para manejar las comunicaciones con el backend. El problema al que nos enfrentamos y que no podemos entender es el siguiente: es posible iniciar sesión con el nombre de usuario o el correo electrónico y la contraseña. El código de inicio de sesión funciona cuando

1. Nombre de usuario - contraseña con curl
2. Correo electrónico - contraseña con curl
3. Nombre de usuario - contraseña con Postman
4. Correo electrónico - contraseña con Postman
5. Nombre de usuario - contraseña con vainilla JS fetch

Lo que no funciona es el correo electrónico: la contraseña con la búsqueda de Vanilla JS. En este caso, obtenemos TypeError: Load failure o Failed to fetch. Este es el código JS:

 const credential = document.getElementById('email').value; const password = document.getElementById('password').value; const body = JSON.stringify({ credential, password }); fetch('/api/auth/login', { method: 'POST', body: body, headers: { 'Content-Type': 'application/json; charset=UTF-8' } }) .then((res) => res.json()) .then((data) => { if (data.access_token) { localStorage.setItem('fit_token', data.access_token); } else { alert(data.message); } }) .catch((err) => console.log(err)); };

Ni siquiera se alcanza la captura, no se registra nada en la consola. Solo veo el error cuando depuro...

¿Alguien puede señalarnos en la dirección correcta?