Question

这是你相当直接的设置，我有一个http拦截器正在寻找401s，如果发现用户被重定向到登录页面：

function($location, $q)
{
    return {
        request: function (config) {
            return config || $q.when(config);
        },
        requestError: function(request){
            return $q.reject(request);
        },
        response: function (response) {
            return response || $q.when(response);
        },
        responseError: function (response)
        {
            if (response && response.status === 401)
            {
                $location.path('/login');                    
            }

            return $q.reject(response);
        }
    };

}

问题是$location.path('/login')调用似乎不起作用，路径被完全忽略，我仍然在我的会话到期时我所在的路径（尽管是空白页面）。一种可能的解决方法是使用传统的window.location = '/#!/login';，但我发现这不太理想。我还发现，如果我删除了return $q.reject(response);行我得到了它，但是这引入了另一个错误，其中无法找到响应的数据属性（这里讨论的解决方案：Angular.js $http.post TypeError: Cannot read property 'data' of undefined）。

我正在运行角度1.2.21。

关于这里可能会发生什么的任何想法？回到window.location不是世界末日，但我喜欢这个神秘的一个很好的整洁解决方案:)。

提前致谢。

Answer 1

我有同样的问题。

我不确定，但看起来像$location.path(...)不会改变位置，因为应用等待所有承诺都将被解决，并且拦截器内的承诺被拒绝（return $q.reject(response);）

在我的情况下，执行http请求的服务放在UI路由器状态的resolve部分内，因此我可以使用$stateChangeError事件来处理错误。（对于ngRoute使用$ routeChangeError事件）

希望这可以帮助你：）

NB我的应用程序的后端在401响应正文中返回自定义错误消息

PS必须有更好的解决方案

<强>更新

更普遍的解决方法：

module.config中的拦截器

...
responseError: function (response) {
    if (response && response.status === 401) {
        $rootScope.$emit('loginRequired');
    }

    return $q.reject(response);
}
...

和module.run部分

中的事件处理程序

$rootScope.$on('loginRequired', function() {
    $location.path('/login');
});

（我已使用$state.go('login')测试了处理程序，但$location.path('/login');也应该有效:)）

$ location.path无法从http拦截器工作

1 个答案: