Переадресация AngularJS не происходит в перехватчике

Question

Я использую очень простой перехватчик, чтобы проверить responseRejection for 403 Access Forbidden, чтобы перенаправить пользователей на логин, но он не перенаправляется. Я могу console.log прямо до строки до $ location.path и после нее, и это никогда не происходит. Кто-нибудь еще это случилось? Я немного уставился на это сейчас ... Первоначально я даже не хотел использовать $ location, но я не могу вводить ui.router, не получая циклическую зависимость, и я тоже не могу понять, как чтобы избавиться от такого местоположения, как предполагалось, меня заставляло двигаться, пока я думал об этом.

.factory('AuthInterceptor', ['$q', '$location', 
    function($q, $location) { 

    var service = { 
     responseError: function(responseRejection) { 

      // Authorization issue, access forbidden 
      if(responseRejection.status === 403) { 

       // TODO: show a login dialog, and/or redirect to login 
       console.log("Response rejected. Redirecting to login..."); 

       $location.path('/login'); 
       $location.replace(); 

       console.log("Not so much with the redirecting... I'm still here"); 
      } 

      // Propagate error to any chained promise handlers 
      return $q.reject(responseRejection); 
     } 
    } 

    return service; 
}]) 

Answer 1

При настройке местоположения окна с помощью location.href он немедленно установить местоположение и остановить выполнение сценариев, но изменение местоположения будет эффективным только тогда, когда текущий путь сценария при выполнении завершается. Вот почему вы видите инструкцию ниже href. Это также не блокирующая активность (в отличие от предупреждения или подсказки). При настройке местоположения с использованием угловой обертки он будет действовать после цикла дайджест. И у вас есть действительная проблема круговой зависимости при инъекции $state в $http перехватчик. Чтобы преодолеть это, вы можете получить экземпляр $state с помощью $injector.

.factory('AuthInterceptor', ['$q', '$injector', 
    function($q, $injector) { 

    var $state; 

    var service = { 
     responseError: function(responseRejection) { 

      // Authorization issue, access forbidden 
      if(responseRejection.status === 403) { 

       // TODO: show a login dialog, and/or redirect to login 
       console.log("Response rejected. Redirecting to login..."); 

       _setState('login'); 

       console.log("Not so much with the redirecting... I'm still here"); 
      } 

      // Propagate error to any chained promise handlers 
      return $q.reject(responseRejection); 
     } 
    } 
    function _setState(stateName){ 
     if(!$state) { 
      $injector.get('$state'); //Or just get $state from $injector always it is anyways the dependency container and service are singletons 
     } 
     $state.go(stateName); 
    } 
    return service; 
}]);