在 AngularJS 中获取 401 上的响应对象

Question

我正在使用 Angular 1.6.4、Express 4.15.2 和 express-session。 我试图通过检查 req.session.user 参数的存在来判断用户是否未经授权访问某个路由。如果不是，我想发送 401 响应状态并更改 Angular 中的状态。

问题是我没有得到任何响应对象来检查其状态。 我尝试使用拦截器，注销 error.response.body，真正注销所有内容以找出我丢失响应对象的位置。

这里有一些代码，任何帮助将不胜感激！

快递：

app.get('/update', sessionCheck, function(req, res) {
  res.send('session');
});

function sessionCheck(req, res, next){
    if(req.session.user) {
      next();
    } else {
      console.log('before');
      return res.status(401).send('Unauthorized');
      console.log('after');
    }
}

角度：

.state('update', {
  url: '/update',
   views: {
    "": {
      templateUrl: 'templates/update.html',
      controller: function($http) {
        return $http.get('/update').then(function(response) {
          console.log('Ok response' + response);
        }, function(error) {
          console.log('Error response' + error.response.body);
        });
      },
    },
    "carousel": {
      templateUrl: "templates/carousel.html"
    },
    "footer": {
      templateUrl: "templates/footer.html"
    }
  }
})

network screen

Answer 1

您是否尝试过使用拦截器来做到这一点？

你可以这样试试：

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

service.responseError = function(response) {
    if (response.status == 401){
        //do something
    }
    return $q.reject(response);
};

})

请注意，这里我们正在处理 responseError。

你也需要在配置函数中注册你的拦截器：

$httpProvider.interceptors.push('yourInterceptor');

你可以看到这个关于这个拦截器的更多信息：

Capture HTTP 401 with Angular.js interceptor

更新：

你也可以用这种方式注册一个拦截器：

app.factory("YourInterceptor", ["$q", "$rootScope", "$location",
function($q, $rootScope, $location) {
    var success = function(response) {
        //do something
        return response;
    },
    error = function(response) {
        if(response.status === 401) {
                // do something
        }

        return $q.reject(response); //reject on error
    };

    return function(httpPromise) {
        return httpPromise.then(success, error);
    };
}

然后你以这种方式注册你的拦截器（在模块的配置中）：

$httpProvider.responseInterceptors.push("YourInterceptor");

请注意，您在 responseInterceptors 中推送拦截器。这对我有用。