如何通过 javascript 拦截所有 AJAX（xhr 和 fetch）请求？

Question

I have xhr and fetch type of xhr requests and responses that I want to intercept.

FETCH API CALLS

I've tried

window.fetch =  function() {
 // Intercept the request here
}

and

XMLHttpRequest.prototype.send = function() {
// Intercept the request here
}

But I want to write one generic function which intercepts all the xhr requests and responses.

Answer 1

By default, fetch() doesn't provide a way to intercept requests, but it's not hard to come up with a workaround. You can overwrite the global fetch method and define your own interceptor, like this:

 fetch = (originalFetch => { return (...arguments) => { const result = originalFetch.apply(this, arguments); return result.then(console.log('Request was sent')); }; })(fetch); fetch('https://api.github.com/orgs/axios').then(response => response.json()).then(data => { console.log(data) });

`