我对 Angular 很陌生,我有一个关于在拦截器中处理重定向的最佳方法的问题。
我的应用程序中有某些页面,只有在选择了帐户后才能访问。因此,如果未选择帐户,我希望用户通过页面路由来选择帐户。
以下是我失败的尝试:
// within config
$httpProvider.interceptors.push(function($q, $injector){
return {
'request': function(config) {
var state = $injector.get('$state');
if(state.is('user.list')) {
var accountService = $injector.get('AccountService');
if(!accountService.accountSelected()){
// cancel the current request
var defer = $q.defer();
defer.resolve();
config.timeout = defer.promise;
state.go('account.select');
}
}
return config;
}
}
});
这导致了无限循环为我。由于某种原因,当state.go
触发——并且它被重新拦截,状态仍然是“user.list”
注意:我使用的是 ui-router,角度 1.2.6
另一个注意事项:我想把它放在一个 state.resolve 块中的另一个地方。
像这样做
$injector.get('$state').transitionTo('public.login');
完整代码如下
var interceptor = ['$location', '$q', '$injector', function($location, $q, $injector) {
function success(response) {
return response;
}
function error(response) {
if(response.status === 401) {
$injector.get('$state').transitionTo('public.login');
return $q.reject(response);
}
else {
return $q.reject(response);
}
}
return function(promise) {
return promise.then(success, error);
}
}];
$httpProvider.responseInterceptors.push(interceptor);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)