AngularJs-$httpProvider.interceptors多重响应错误

AngularJs - $httpProvider.interceptors multiple responseError

本文关键字：响应 错误 interceptors httpProvider AngularJs-      更新时间：2024-04-08

我有401错误的responseError处理程序。HTTP拦截器将要求模式用户进行身份验证，并继续重试HTTP请求。但问题是，如果我有多个失败的请求拦截器向我显示了多个模态，并且我需要进行几次身份验证。在第一个请求中通过身份验证后，如何重试所有HTTP请求？

$httpProvider.interceptors.push(function($q, $injector, Auth) {
    return {
        responseError: function(rejection) {
            if (rejection.status === 401) {
                return Auth.authenticate().then(function() {
                    return $injector.get('$http')(rejection.config);
                });                    
            }
            return $q.reject(rejection);
        }
    };
});
.factory('Auth', function($injector) {
return {
    authenticate: function() {
        var $uibModal = $injector.get('$uibModal');
        var modal = $uibModal.open({
            templateUrl: '/authenticateModal.html',
            controller: 'AuthenticateModalController',
        });
        return modal.result.then(function() {
            // success
        });
    }
}
});  

.controller('AuthenticateModalController', function ($scope, $uibModalInstance, $http, Auth) { 
$scope.submit = function() {        
    Auth.login({
          'email': $scope.email,
          'password': $scope.password
    }).then(function successCallback(response) {
        $uibModalInstance.close();
    }, function errorCallback(response) {
        console.log('error');
    });
};
})

如果对Auth工厂的多次调用只需要一个模态，则应该定义它，以便每次都可以访问同一个模态实例：

.factory('Auth', function($injector) {
    var $uibModal = $injector.get('$uibModal');
    var modal
    return {
        authenticate: function() {
            if (!modal) {
                modal = $uibModal.open({
                    templateUrl: '/authenticateModal.html',
                    controller: 'AuthenticateModalController',
                });
            }
            return modal.result.then(function() {
                // success
            });
        }
    }
});
相关文章：