Не могу перехватить 401 Угловая

Question

Я пытаюсь перехватить 401 ответ, когда попал в API, но это было разочаровывающе не работает вообще.

Когда я нахожусь на определенной ссылке, в консоли браузера, я вижу, что она отвечает с помощью 401. В принципе, я хочу перенаправить ее на мою страницу входа, когда она встречает такие ответы. Я видел здесь много вопросов и пытался сделать что-то подобное, но он не работает.

Это содержимое файла main.js.

var app = angular.module('strelsau_client', ['ngRoute', 'ngResource', 'angularCSS']).config(function ($provide, $httpProvider) { 

// Intercept http calls. 
$provide.factory('MyHttpInterceptor', function ($q) { 
return { 
    // On request success 
    request: function (config) { 
    console.log(config); // Contains the data about the request before it is sent. 

    // Return the config or wrap it in a promise if blank. 
    return config || $q.when(config); 
    }, 

    // On request failure 
    requestError: function (rejection) { 
    console.log(rejection); // Contains the data about the error on the request. 

    // Return the promise rejection. 
    return $q.reject(rejection); 
    }, 

    // On response success 
    response: function (response) { 
    console.log(response); // Contains the data from the response. 

    // Return the response or promise. 
    return response || $q.when(response); 
    }, 

    // On response failture 
    responseError: function (rejection) { 
    console.log(rejection); // Contains the data about the error. 

    // Return the promise rejection. 
    return $q.reject(rejection); 
    } 
}; 
}); 

// Add the interceptor to the $httpProvider. 
$httpProvider.interceptors.push('MyHttpInterceptor'); 

}); 


app.config(function($routeProvider) { 
$routeProvider 
    .when('/', { 
     templateUrl: 'views/bookings/fare.html', 
     controller: 'BookingsCtrl', 
     css: ['../assets/css/stylesheet.css'] 
    }) 
    .when('/admin',{ 
     templateUrl:'views/admin/index.html', 
     controller: 'AdminCtrl', 
     css: ['../assets/css/vendor.css','../assets/css/flat-admin.css'] 

    }) 
      .when('/admin/taxis',{ 
     templateUrl:'views/admin/taxis.html', 
     controller: 'AdminCtrl', 
     css: ['../assets/css/vendor.css','../assets/css/flat-admin.css'] 

    }) 

      .when('/admin/customers',{ 
     templateUrl:'views/admin/customers.html', 
     controller: 'AdminCtrl', 
     css: ['../assets/css/vendor.css','../assets/css/flat-admin.css'] 

    }) 

    .when('/admin/set_price', { 
     templateUrl: 'views/admin/set_price.html', 
     controller: 'AdminCtrl' 
    }) 

    .when('/admin/adddriver', { 
     templateUrl: 'views/admin/add_taxi_driver.html', 
     controller: 'AdminCtrl' 
    }) 
      .when('/signup', { 
     templateUrl: 'views/signup.html', 
     controller: 'AccountCtrl' 
    }) 

    .otherwise({ 
     redirectTo: '/' 
    }); 

}); 

Answer 1

я, наконец, сделал перехват на уровне сервиса. Вот как я это сделал:

app.service('AdminService', function($resource) { 
return $resource('http://localhost:3000/admin/customers',{},{ 
query:{ 
    method: 'GET', 
     interceptor: { 
    response:function(data){ 
     console.log("success"); 
    }, 
    responseError: function(data){ 
     window.location="/#/admin/login"; 
    } 
} 
}, 

}); 
}); 

Answer 2

Я буду после моего рабочего кода ниже, чтобы вы могли сравнить и настроить ваш:

angular.module("application").config(['$httpProvider' ,function($httpProvider) { 
    $httpProvider.interceptors.push(['$rootScope','$q','$location','$injector', function($rootScope, $q, $location, $injector) { 
     return { 
     responseError: function(rejection) { 
       var $state = $injector.get('$state'); 

       if(rejection.status <= 0) { 

       }else if (rejection.status == 401) { 
        // Here I pick my 401 
       }else if (rejection.status == 404) { 
        //$state.go('404'); 
       }else if (rejection.status == 500) { 
        $state.go('500'); 
       } 
       return $q.reject(rejection); 
      } 
     }; 
    } 
    ]); 
} 
]); 

Надеется, что это помогает =)