【发布时间】：2013-12-18 00:29:34
【问题描述】：
我正在尝试为我的 AngularJS 应用程序编写一个 HTTP 拦截器来处理身份验证。
此代码有效，但我担心手动注入服务，因为我认为 Angular 应该自动处理此问题：
app.config(['$httpProvider', function ($httpProvider) {
$httpProvider.interceptors.push(function ($location, $injector) {
return {
'request': function (config) {
//injected manually to get around circular dependency problem.
var AuthService = $injector.get('AuthService');
console.log(AuthService);
console.log('in request interceptor');
if (!AuthService.isAuthenticated() && $location.path != '/login') {
console.log('user is not logged in.');
$location.path('/login');
}
return config;
}
};
})
}]);
我开始做的事情，但遇到了循环依赖问题：
app.config(function ($provide, $httpProvider) {
$provide.factory('HttpInterceptor', function ($q, $location, AuthService) {
return {
'request': function (config) {
console.log('in request interceptor.');
if (!AuthService.isAuthenticated() && $location.path != '/login') {
console.log('user is not logged in.');
$location.path('/login');
}
return config;
}
};
});
$httpProvider.interceptors.push('HttpInterceptor');
});
我担心的另一个原因是 Angular 文档中的 section on $http 似乎显示了一种将依赖项以“常规方式”注入 Http 拦截器的方法。在“Interceptors”下查看他们的代码 sn-p：
// register the interceptor as a service
$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
return {
// optional method
'request': function(config) {
// do something on success
return config || $q.when(config);
},
// optional method
'requestError': function(rejection) {
// do something on error
if (canRecover(rejection)) {
return responseOrNewPromise
}
return $q.reject(rejection);
},
// optional method
'response': function(response) {
// do something on success
return response || $q.when(response);
},
// optional method
'responseError': function(rejection) {
// do something on error
if (canRecover(rejection)) {
return responseOrNewPromise
}
return $q.reject(rejection);
};
}
});
$httpProvider.interceptors.push('myHttpInterceptor');
上面的代码应该去哪里？
我想我的问题是这样做的正确方法是什么？
谢谢，我希望我的问题足够清楚。
【问题讨论】：
-
只是出于好奇，您在 AuthService 中使用了哪些依赖项（如果有）？我在使用 http 拦截器中的请求方法时遇到了循环依赖问题，这将我带到了这里。我正在使用 angularfire 的 $firebaseAuth。当我从注入器中删除使用 $route 的代码块时（第 510 行），一切都开始工作了。 here 有一个问题，但它是关于在拦截器中使用 $http 的。转到 git！
-
嗯，就我而言，AuthService 取决于 $window, $http, $location, $q
-
我有一个案例在某些情况下会在拦截器中重试请求，因此对
$http的循环依赖更短。我发现的唯一解决方法是使用$injector.get，但如果有很好的方法来构造代码以避免这种情况，那就太好了。 -
看看@rewritten 的回复：github.com/angular/angular.js/issues/2367 为我解决了类似的问题。他的做法是这样的：$http = $http || $injector.get("$http");当然，您可以将 $http 替换为您自己尝试使用的服务。
标签： javascript angularjs