angularjs - 如何根据自身配置Angular中的$http服务？

Question

我正在尝试配置$httpAngular 的服务，以在状态码为 403 时重定向到 URL。

到目前为止没有问题，但是要重定向到的 URL 来自服务器，通过正在使用的服务$http（显然）。

这是一段代码：

angular
.module('app')
.config(['$httpProvider', function($httpProvider) {
  $httpProvider.interceptors.push(['$q', 'URLs',
    function($q, Redirect) {
      return {
        request: function(config) {
          return config || $q.when(config);
        },
        responseError: function(response) {
          if(response.status === 403) {
            // redirect to URLs.login
          }
          return $q.reject(response);
        }
      };
    }
  ]);
}])
.factory('URLs', ['$http', function($http) {
  var URLs;
  $http.get('/urls').then(function(response) {
    URLs = response.data;
  });
  return URLs;
}]);

此代码在 Angular 中创建循环依赖项（错误）。

有没有一种方法可以做到这一点，具有来自服务器的动态 URL，并基于此在response.status403 时将用户重定向到其中一个？

Answer 1

使用$injectorservice懒加载URLs服务：

angular
.module('app')
.config(['$httpProvider', function($httpProvider) {
  $httpProvider.interceptors.push(['$q', '$injector',
    function($q, $injector) {
      return {
        request: function(config) {
          return config || $q.when(config);
        },
        responseError: function(response) {
          var Redirect = $injector.get('URLs');
          if(response.status === 403) {
            // redirect to URLs.login
          }
          return $q.reject(response);
        }
      };
    }
  ]);
}])

您还可以URLs通过在那里注入来打破服务中的这种循环依赖$injector。