Interceptar solicitudes y respuestas de la API fetch () en JavaScript

Solución:

Para interceptar la solicitud de recuperación y el parámetro, podemos optar por la forma mencionada a continuación. su resuelto mi problema.

 const constantMock = window.fetch;
 window.fetch = function() {
     // Get the parameter in arguments
     // Intercept the parameter here 
    return constantMock.apply(this, arguments)
 }

Para interceptar el cuerpo de respuesta, debe crear un nuevo Promisse y resolver o rechazar la corriente en el código “entonces”. Me resolvió y mantuvo el contenido para una aplicación real. p.ej. reaccionar, etc.

const constantMock = window.fetch;
 window.fetch = function() {
  console.log(arguments);

    return new Promise((resolve, reject) => {
        constantMock.apply(this, arguments)
            .then((response) => {
                if(response.url.indexOf("/me") > -1 && response.type != "cors"){
                    console.log(response);
                    // do something for specificconditions
                }
                resolve(response);
            })
            .catch((error) => {
                reject(response);
            })
    });
 }

const fetch = window.fetch;
window.fetch = (...args) => (async(args) => {
    var result = await fetch(...args);
    console.log(result); // intercept response here
    return result;
})(args);

---

---

Utiliza Nuestro Buscador