试图为我的每个请求添加拦截器 header ，但是，它给我以下错误。
Uncaught Error: [$injector:cdep] Circular dependency found: $http <- Auth <- httpRequestInterceptor <- $http <- $templateRequest <- $route
应用程序.js
var app= angular.module('myDemoApp',['ngRoute'])
app.factory('httpRequestInterceptor', ['Auth', function (Auth) {
return {
request: function (config) {
config.headers['x-access-token'] = Auth.getToken();
return config;
}
};
}]);
app.config(function ($httpProvider) {
$httpProvider.interceptors.push('httpRequestInterceptor');
});
授权服务
(function () {
'use strict';
myDemoApp.factory('Auth', ['$http', '$window', Auth]);
/******Auth function start*****/
function Auth($http, $window) {
var authFactory = {};
authFactory.setToken = setToken;
authFactory.getToken = getToken;
return authFactory;
/*setToken function start*/
function setToken(token) {
if (token) {
$window.localStorage.setItem('token', token);
} else {
$window.localStorage.removeItem('token');
}
}
/*getToken function start*/
function getToken() {
return $window.localStorage.getItem('token')
}
}
})();
最佳答案
你不能这样做，因为。
您已经创建了拦截所有
$http请求的httpRequestInterceptor。现在，您将在
httpRequestInterceptor中传递Auth。如果您将看到，
Auth在其内部使用$http请求。因此，您的
拦截器本身可以使用Auth引发http请求。
因此，它的循环错误和 angularjs 不允许你这样做!
从 Auth 工厂中删除 $http 或 不要将服务插入本身使用 $http 的拦截器。
我希望你明白了，无限循环链是如何创建的，因此产生了一个循环依赖错误!
关于javascript - 在angular js中发现循环依赖，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50760594/