Angular 拦截器（403、401）

最新推荐文章于 2025-09-24 12:01:45 发布

原创最新推荐文章于 2025-09-24 12:01:45 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular #拦截器

Angular.js 1 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个基于AngularJS的权限拦截器实现方法，通过自定义的authInterceptor服务来处理HTTP请求的响应错误，特别是针对401和403状态码进行了特别处理。

部署运行你感兴趣的模型镜像

直接上代码：

angular.module('webb-ui').factory('authInterceptor', ['$q','$rootScope','$location','$injector','$timeout',function ($q,$scope,$location,$injector,$timeout) {

    function isNotPriv(url){
        return url.indexOf("/priv/") === -1
    }
    var authInterceptor = {
        'request': function(config) {
            var deferred = $q.defer();
            var url = config.url;
            deferred.resolve(config);
            return deferred.promise;
        },
        'response':function(response){
            return response;
        },
        'responseError': function(rejection) {
            var rootScope = $injector.get('$rootScope');
            if(isNotPriv(rejection.config.url)){
                var status = rejection.status;
                if(status === 403){
                    $scope.four_zero_th = true;//自己的业务逻辑处理代码
                    rootScope.selectEtl();
                    return rejection;
                }else if(status === 401) {
                    $scope.four_zero_one = true;
                    rootScope.selectEtl();
                    return rejection;
                }
            }
            return $q.reject(rejection);
        }
    };
    return authInterceptor;

}]);

说明：responseError 此例子主要是对请求异常进行统一的拦截处理。

angular.module('webb-ui').config(
['$stateProvider', '$urlRouterProvider', '$httpProvider', '$locationProvider',
    function ($stateProvider, $urlRouterProvider, $httpProvider, $locationProvider) {
        $httpProvider.interceptors.push('authInterceptor');

        /*
        *这里删除一个$injector，解决不能获取code码的问题。
        * */
        //$httpProvider.interceptors.pop();
}]);