How to add an Interceptor to log all AJAX requests in AngularJS

angular-ajax-interceptor.js

angular.module('test-app')

.factory('myHttpInterceptor', ['$q', function($q) {
    return {
        'response': function(res) {
            console.log('New request', res, res.headers());
            return res || $q.when(res);
        },
        'responseError': function(rej) {
            if (canRecover(rej)) return responseOrNewPromise;
            return $q.reject(re);
        }
    }
}])

.config(['$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push('myHttpInterceptor');
}]);