Ajax config & intercept

Is there a way to create a pre configured ajax instance, so that I don't need to configure it over and over again ?

For example:

import ajax from 'rxjs/Observable/dom/ajax'

const myAjax = ajax.create({url: '/api/xxx',  header: {widthCredential: true, ...}})

// Now myAjax will setup widthCredential = true for all the related outgoing ajax request
// so that  I can just:
myAjax.get('/api/xxx')
myAjax.post('/api/xxx', body)

// Instead of
ajax.get({url: '/api/xxx', header: {widthCredential: true, ...}})
ajax.post({url: '/api/xxx', body: data, header: {widthCredential: true, ...}})

BTW how can I intercept all http requests or responses in a single place using rxjs' ajax api ?

Here's how the axios library intercepts http requests and responses:

// Add a request interceptor
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
  }, function (error) {
    // Do something with response error
    return Promise.reject(error);
  });

Thanks !

Start with the rxjs/Observable/dom/ajax entry point and read the existing ajax API to understand how request options are currently supplied. Compare the requested reusable configuration and request/response interception behavior with the axios examples; done should be a clearly defined API with coverage for the intended request and response flows.