angularjs – 处理Angular 401响应

app.factory("httpErrorInterceptorModule",["$q","$rootScope","$LOCATIOn",function($q,$rootScope,$LOCATIOn) {
        var success = function(responsE) {
            // pass through
            return response;
        },error = function(responsE) {
                if(response.status === 401) {
                    // dostuff
                }

                return $q.reject(responsE);
            };

        return function(httpPromisE) {
            return httpPromise.then(success,error);
        };
    }
]).config(["$httpProvider",function($httpProvider) {
        $httpProvider.responseInterceptors.push("httpErrorInterceptorModule");
    }
]);

你可以用另一种方式使用$httpInterceptor.如果您想在登录后将用户重定向到用户实际失败的页面,您需要在某些服务中缓存失败的请求,然后在登录后将用户重定向到某个地方(我相信您的登录逻辑).

但是,您可能需要使用一些测试端点来保护控制器免受不受限制的访问,您可能需要使用resolve https://thinkster.io/egghead/resolve/
因此,在这种情况下,您将收到与限制访问procprocted端点相关的错误,但不会收到与您的页面相关的错误.

为了解决这个问题,我使用了标记参数(或标题)来找出登录后我应该重定向用户的位置.

这是你的httpInterceptor的例子.

angular.factory('httpInterceptor',function ($q,$log,some@R_675_9260@cE) {
    return {
        request: function (config) {
            return config || $q.when(config)
        },response: function (responsE) {
            return response || $q.when(responsE);
        },responseError: function (responsE) {
            if (response.status === 401) {
                //here I preserve login page 
                some@R_675_9260@ce
                   .setReStrictedPageBeforeLogin(
                            extractPreservedInfoAboutPage(responsE)
                    )
                $rootScope.$broadcast('error')
            }
            return $q.reject(responsE);
        }
    };
})
.config(function ($httpProvider) {
    $httpProvider.interceptors.push('httpInterceptor');
});