Je souhaite intercepter la demande et la réponse de l'API fetch en Javascript.
Par exemple: Avant d'envoyer la demande, vous voulez intercepter l'URL de la demande et une fois que vous obtenez la réponse, vous voulez intercepter la réponse.
Le code ci-dessous sert à intercepter la réponse de All 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 veux implémenter la même fonctionnalité pour l'API Fetch ().
Merci d'avance..
Pour intercepter la requête et le paramètre de récupération, nous pouvons opter pour la méthode mentionnée ci-dessous. son 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)
}
Pour intercepter le corps de la réponse, vous devez créer une nouvelle promesse et résoudre ou rejeter le courant dans le code "alors". Il a résolu pour moi et conserve le contenu pour une véritable application. par exemple. réagir 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);