AngularJS重定向不在攔截器中發生

Question

我正在使用一個非常簡單的攔截器來檢查響應拒絕403訪問被禁止將用戶重定向到登錄名，但它不重定向。我可以將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它並立即設置位置和停止腳本的執行，但位置變化將是，只有當正在執行的當前腳本路徑完成有效的設置窗口位置。這就是爲什麼你看到下面的聲明得到執行。它也不是阻塞活動（不像警報或提示）。使用角度包裝設置位置時，它將在摘要循環後生效。在$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; 
}]);