Angularjs - 处理整个应用程序的 401

Question

我的一个控制器中有以下代码可以优雅地处理 401：

ChannelsService.query(function(response) {
    $scope.channels = response;
}, function(error) {
    if (error.status == 401) {
        $state.go('login');
    }

});

还有我对应的service：

myServices.factory('ChannelsService', function ($resource) {
    return $resource('/channels', {}, {
        query: { method: 'GET', isArray: true },
        create: { method: 'POST' }
    })
});

我想知道如何全局处理 401，这样我就不必在每个控制器中都使用这个逻辑。它是我需要的拦截器吗？如果需要，有人可以分享一些代码吗？

谢谢

Answer 1

出于全局错误处理、身份验证或任何类型的请求的同步或异步预处理或响应的后处理的目的，希望能够在请求被传递到服务器之前拦截请求并在响应被传递之前拦截它们移交给发起这些请求的应用程序代码。拦截器利用 Promise API 来满足同步和异步预处理的需求。

您可以在配置应用程序时向 $httpProvider 添加拦截器

app.config(['$httpProvider', function($httpProvider) {

    $httpProvider.interceptors.push(function($q) {

        return {

            'responseError': function(rejection){

                var defer = $q.defer();

                if(rejection.status == 401){
                    console.dir(rejection);
                }

                defer.reject(rejection);

                return defer.promise;

            }
        };
    });

}]);

顾名思义，如果有responseError，这将拦截每个请求并调用提供的函数（您也可以为成功的请求添加拦截器）

如需更多信息，请参阅$http docs