Angularjs身份验证重定向问题

Question

我有一个应用程序，每个页面，除了登录需要认证。为此，我检查$stateChangeStart，然后在没有设置令牌时重定向到/login。在最初的应用程序加载中，这很好，但是在登录屏幕上，如果我键入另一个“受限制的”url的话。它执行检查，更改url，但仍然加载受限页。我在这里错过了什么？

//app.run：

 app.lazy = $couchPotato;
    $rootScope.$state = $state;
    $rootScope.$stateParams = $stateParams;
    $rootScope.$on('$stateChangeStart', function(event, toState, toStateParams) {
        console.log("state changed to "+toState.name);
        console.log(toState);
        Authentication.validateLogin(toState, toStateParams);
    });

Authentication.validateLogin：

validateLogin:function(toState, toStateParams){
        $rootScope.toState = toState;
        $rootScope.toStateParams = toStateParams;
        if ($localStorage.token == null) {
             console.error("Not Authenticated!");
             $location.url('/login');
        }
}

Answer 1

我看到你使用的是角ui，所以我不太清楚它比使用“基本”角度有什么好处，但是我写这个是为了处理路由改变时验证令牌的问题。

app.run(['$rootScope', 'authService',
    function ($rootScope, authService) {
        $rootScope.$on("$routeChangeSuccess", function (event, next, current) {
            if (next && next.$$route && authService.isAuthenticated()) {
                authService.validate();
                $rootScope.appTitle = next.$$route.title;
            }
        });
    }]);

$routeChangeSuccess在控制器加载后处理导航到路由(对于在确认验证时加载页面时加载的对象非常重要)，然后对它们进行验证。

这还会执行2次检查，因为它检查本地存储中的令牌是否存在并正确形成，如果存在，则将其发送回服务器以确认这一点。

我还发现，当有人试图刷新页面时，我必须使用$locationChangeStart来处理页面刷新，以重新验证页面。

validateLogin解决方案：

validateLogin:function(toState, toStateParams){
  if(toState.access){
        if(toState.access.loginRequired){
               if ($localStorage.token == null) {
                   $state.go('login');
               }
         }
  }

Answer 2

用validateLogin试试这个：

validateLogin:function(toState, toStateParams){
      if(toState.access){
            if(toState.access.loginRequired){
                   if ($localStorage.token == null) {
                       $state.go('login');
                   }
             }
      }
}