Interceptor library for the native fetch command inspired by angular http interceptors, forked from here
fetch-intercept monkey patches the global fetch method and allows you the usage in Browser, Node and Webworker environments.
npm install fetch-intercept --save
Note: You need to require fetch-intercept before you use fetch the first time.
Make sure you have a fetch compatible environment or added a appropriate polyfill.
import fetchIntercept from 'fetch-intercept';
const unregister = fetchIntercept.register({
request: function (url, config) {
// Modify the url or config here
return [url, config];
},
requestError: function (error) {
// Called when an error occured during another 'request' interceptor call
return Promise.reject(error);
},
response: function (response) {
// Modify the reponse object
// Clone of original request is available as a property on the response param:
console.log(response.request);
return response;
},
// All interceptors can be asynchronous
responseError: async function (error) {
// Handle an fetch error
throw error;
}
});
// Interceptors are also available as properties on the global fetch object:
fetch._register({
// Interceptors are applied in reverse order, so this will run before the one above
request: (url, config) => [url, config]
})
// Call fetch to see your interceptors in action.
fetch('http://google.com');
// Unregister your interceptor
unregister();
// Detach interceptor completely; fetchIntercept will need to be reimported to enable interception after calling this
fetchIntercept.detach();Support react-native 0.17 or higher versions.
MIT