angularjs - 使用 Angular.js 拦截器捕获 HTTP 401

Question

我想使用 Angular.js 在单页 Web 应用程序上实现身份验证。 official Angular documentation推荐使用拦截器:

$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
  return {

    // ...

    'responseError': function(rejection) {
      // do something on error
      if (canRecover(rejection)) {
        return responseOrNewPromise
      }
      return $q.reject(rejection);
    }
  };
});

问题是当服务器发送 401 错误时，浏览器立即停止并显示“未经授权”消息，或者弹出登录窗口(当服务器发送身份验证 HTTP header 时)，但 Angular 无法捕获它按照建议拦截要处理的 HTTP 错误。我误解了什么吗？我尝试了在网络上找到的更多示例(例如 this 、 this 和 this )，但它们都不起作用。

Answer 1

对于 AngularJS >1.3 使用 $httpProvider.interceptors.push('myHttpInterceptor');

.service('authInterceptor', function($q) {
    var service = this;

    service.responseError = function(response) {
        if (response.status == 401){
            window.location = "/login";
        }
        return $q.reject(response);
    };
})
.config(['$httpProvider', function($httpProvider) {
    $httpProvider.interceptors.push('authInterceptor');
}])