javascript - 在 angularjs 中验证路由

Question

现在我正在开发一个单页的 angularjs 应用程序，使用 angular 来进行路由。为了登录用户，我使用 $http 请求验证他们的用户名和密码，然后将他们重定向到/user_home。问题是未登录的用户可以在不登录的情况下转到/user_home。我可以通过检查我在登录时创建的 csrf cookie 和 localstorage 轻松验证他们是否已登录，但是应该将此验证放在哪里？

Answer 1

使用

$rootScope.$on('$routeChangeStart', function(evt, absNewUrl, absOldUrl) {
//your validation function based on url and set $location accordingly

  });

在渲染路由之前检查

或

$rootScope.$on('$routeChangeSuccess', function(evt, absNewUrl, absOldUrl) {
//your validation function based on url and set $location accordingly

 });

在页面呈现后检查

更多信息在 ANGULAR DOCS ROUTE

这里是 FIDDLE如何实现它