javascript - nodejs - fetch w3schools

Obteniendo "TypeError: error al recuperar" cuando la solicitud no ha fallado realmente

Question

Estoy usando fetch API dentro de mi aplicación React. La aplicación se implementó en un servidor y estaba funcionando perfectamente. Lo probé varias veces. Pero, de repente, la aplicación dejó de funcionar y no tengo ni idea de por qué. El problema es que cuando envío una solicitud de get , recibo una respuesta válida del servidor, pero también la API de recuperación está detectando una excepción y muestra que TypeError: failed to fetch captura. Ni siquiera hice ningún cambio en el código y es el problema con todos los componentes React.

Estoy recibiendo una respuesta válida.

Pero también conseguir este error al mismo tiempo.

fetch(url)
.then(res => res.json())
.then(data => {
// do something with data
})
.catch(rejected => {
console.log(rejected);
});

Cuando elimino las credentials: "include" , funciona en localhost, pero no en el servidor.

Probé todas las soluciones dadas en StackOverflow y GitHub, pero simplemente no funciona para mí.

Answer 1

El problema podría estar relacionado con la respuesta que está recibiendo desde el back-end. Si funcionaba bien en el servidor, el problema podría estar en los encabezados de respuesta. Verifique el acceso-control-permitir-origen (ACAO) en los encabezados de respuesta. Por lo general, la API de recuperación de reactivos arrojará fallas en la recuperación incluso después de recibir la respuesta cuando el ACAO de los encabezados de respuesta y el origen de la solicitud no coincidan.

Answer 2

Tenga en cuenta que hay un problema no relacionado en su código pero que podría return res.json() más tarde: debe return res.json() o no detectará ningún error que ocurra en el análisis JSON o en sus propios datos de procesamiento de funciones.

Volver a su error: No puede tener un error de tipo: error TypeError: failed to fetch con una solicitud exitosa. Probablemente tenga otra solicitud (revise su panel de "red" para verlos todos) que se rompa y haga que se registre este error. También, tal vez marque "Conservar registro" para asegurarse de que el panel no se borre por ningún redireccionamiento delicado. A veces sucede que tengo un panel de "consola" persistente y un panel de "red" despejado que me lleva a tener un error en la consola que en realidad no está relacionado con las solicitudes visibles. Deberías comprobar eso.

O usted (pero eso sería cruel) en realidad tiene un console.log(''TypeError: failed to fetch'') codificado console.log(''TypeError: failed to fetch'') error console.log(''TypeError: failed to fetch'') en su último .catch ;) y el error está en realidad en su .then() pero es difícil de creer.