角UI路由器 - 承诺和递归重定向问题

Question

编辑X2

按照你的建议，我犯了一个很大的变化。

我做了（我认为？）这次是真正的承诺，但有几个问题。

什么你建议在某些时候对于这个没有工作：

 // If it is, return true 
    else { 
     console.log('Valid token'); 
     return deferred.resolve(true); 
    } 
} 
// If there's no valid token, return false 
else { 
    console.log('No token'); 
    $localStorage.$reset(); 
    $state.go('login'); 
    return deferred.reject(false); 
} 

我不得不这样更改为：

 // If it is, return true 
    else { 
     console.log('Valid token'); 
     deferred.resolve(true);  // Removed "return" 
    } 
} 
// If there's no valid token, return false 
else { 
    console.log('No token'); 
    $localStorage.$reset(); 
    $state.go('login'); 
    deferred.reject(false);   // Removed "return" 
} 

我终于做到了，因为我现在希望我的诺言作品重定向...

// Watching login page 
$transitions.onStart({to: 'login'}, function (trans) { 

    // Injecting the authentication service 
    var auth = trans.injector().get('AuthService'); 

    // returning the promise with handlers 
    return auth.isAuthenticated().then(function (res) { 

     // If the token is valid, redirect to the dashboard 
     return trans.router.stateService.target('dashboard.home'); 
    }, function(e) { 

     // If the token is invalid or missing, keep the login page 
     return trans.router.stateService.target; 
    }); 
}); 

// Watching the dashboard private page 
$transitions.onStart({to: 'dashboard.**'}, function (trans) { 

    // Injecting the authentication service 
    var auth = trans.injector().get('AuthService'); 

    // returning the promise with handlers 
    return auth.isAuthenticated().then(function (res) { 

     // If the user is correctly identified, do nothing 
     return trans.router.stateService.target; 
    }, function (e) { 

     // If the token is invalid or missing, deleting datas 
     $localStorage.$reset(); 

     // Setting error message 
     $localStorage.loginError = {'token_expired': true}; 

     // Redirecting to the login page 
     return trans.router.stateService.target('login'); 
    }) 
}); 

Answer 1

您不会在您的isAuthenticated方法中返回承诺a nd也从isAuthenticated方法中删除state.go('login')，因为它可能会导致重定向问题。这个方法应该是这样的原样

vm.isAuthenticated = function() { 
       var deferred = $q.defer(); 
       var ts = Math.round((new Date()).getTime()/1000); 

       // Getting token datas 
       var exp = vm.getClaimsFromToken(); 

       console.log('Expire dans : ' + (exp.exp - ts) + 's'); 

       // Check if hte token exist 
       if ($localStorage.token) { 

        // Check if it is still valid 
        if (ts > exp.exp) { 

         // Refresh the token 
         return vm.refreshToken().then(
          function(res) { 
           if (res) { 
            console.log('Refreshing Really Done'); 
            console.log(res); 
            return deferred.resolve(res); 
           } 
          }, 
          // Handle error 
          function (e) { 
           if (!e) { 
            console.log('Refreshing Failed'); 
            $localStorage.$reset(); 
            // $state.go('login'); 
            return deferred.reject(e); 
           } 
          } 
         ) 
        } 
        // If it is, return true 
        else { 
         console.log('Valid token'); 
         return deferred.resolve(true); 
        } 
       } 
       // If there's no valid token, return false 
       else { 
        console.log('No token'); 
        $localStorage.$reset(); 
        // $state.go('login'); 
        return deferred.reject(false); 
       } 
      return deferred.promise; 
      }; 

这里，方法返回承诺第一return deferred.promise并根据您的方法的逻辑，它是解决或拒绝承诺。

现在处理重定向在这样的way-

// Watching login page 
$transitions.onStart({to: 'login'}, function (trans) { 

    // Injecting the authentication service 
    var auth = trans.injector().get('AuthService'); 

    // returning the promise with handlers 
    auth.isAuthenticated().then(function (res) { //remove return keyword 

     // If the token is valid, redirect to the dashboard 
     return trans.router.stateService.target('dashboard.home'); 
    }, function(e) { 

     // If the token is invalid or missing, keep the login page 
     // return trans.router.stateService.target; //removed this line 
    }); 
}); 

// Watching the dashboard private page 
$transitions.onStart({to: 'dashboard.**'}, function (trans) { 

    // Injecting the authentication service 
    var auth = trans.injector().get('AuthService'); 

    // returning the promise with handlers 
    auth.isAuthenticated().then(function (res) { //remove return keyword 

     // If the user is correctly identified, do nothing 
     // return trans.router.stateService.target; //removed this line 
    }, function (e) { 

     // If the token is invalid or missing, deleting datas 
     $localStorage.$reset(); 

     // Setting error message 
     $localStorage.loginError = {'token_expired': true}; 

     // Redirecting to the login page 
     return trans.router.stateService.target('login'); 
    }) 
});