Como dice @rnrneverdies puedes usar el $interceptor.
¿Que es el $interceptor?
El $httpProvider
contiene un array de interceptores, un interceptor es un simple servicio factory que es el encargado de interceptar la peticion, ya sea cuando esta comenzando (Haciendo un Ajax Start), cuando esta devolviendo la respuesta (Ajax Stop) o cuando falla, esto nos sirve para el manejo de errores o procesar algo antes/después del request. una de las formas de crearlo es la siguiente:
Te creas un Service factory (Servicio de fabrica)
app.factory('HttpInterceptor',['$q','$rootScope','$injector',
function($q, $rootScope, $injector) {
return {
'request' : function(config) {
config.headers['X-Auth-Token'] = $rootScope.token;
config.headers['test_Auth-Token'] = $rootScope.token;
config.headers['Cache-Control'] = 'no-cache, no-store, max-age=0, must-revalidate';
// do something on success
return config;
},
'requestError' : function(rejection) {
console.log("Ejecutando el 'requestError' de interceptor <<");
return $q.reject(rejection);
},
'response' : function(response) {
return response;
},
'responseError' : function(rejection) {
if (rejection.status === 401) {
console.log("Response Error 401",
rejection);
}
console.log(">>> Falle <<");
return $q.reject(rejection);
}
}}]);
Nota:
Los metodos que vez en la parte de arriba como lo son 'request'
, 'responseError'
entre otros es la forma de como Angular captura que esta haciendo la request (petición) o que esta dando error. Como podras ver solo hay esos 4 métodos según la documentacion.
¿Cómo invoco mi interceptor?
Solo necesitas en un app.js o donde este tu modulo crear el config de angular y llamar al $httpProvider.interceptors
asi:
app.config(['$routeProvider','$locationProvider','$httpProvider',
function($routeProvider, $locationProvider, $httpProvider) {
$httpProvider.interceptors.push('sacgHttpInterceptor');
//Codigo demo no completo faltan los tags de cierre