Intercepter Fetch() réponses API et demande en Javascript

Question

Je veux intercepter la demande de l'API de récupération et la réponse en Javascript. Par exemple: Avant d'envoyer la requête, vous voulez intercepter l'URL de la requête et une fois que la réponse veut intercepter la réponse.

Le code ci-dessous est pour intercepter la réponse de toutes les XMLHTTPRequest.

(function(open) { 
XMLHttpRequest.prototype.open = function(XMLHttpRequest) { 
    var self = this; 
    this.addEventListener("readystatechange", function() { 
     if (this.responseText.length > 0 && this.readyState == 4 && this.responseURL.indexOf('www.google.com') >= 0) { 
      Object.defineProperty(self, 'response', { 
       get: function() { return bValue; }, 
       set: function(newValue) { bValue = newValue; }, 
       enumerable: true, 
       configurable: true 
      }); 
      self.response = 'updated value' //Intercepted Value 
     } 
    }, false); 
    open.apply(this, arguments); 
}; 
})(XMLHttpRequest.prototype.open); 

Je souhaite implémenter la même fonctionnalité pour l'API Fetch().

Merci à l'avance ..

Answer 1

Pour intercepter la requête d'extraction et d'intercepter le paramètre de demande d'extraction nous pouvons aller en dessous mentionnés. Il a résolu mon problème.

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