Angular用户登录验证和权限验证的问题。

Question

以前用后台路由的时候，用户登录验证和权限验证，都是后台做的，现在用Angular做前端路由，这两部分用Angular该怎么做，是否是用$routeChangeStart事件：

angular.module('myApp', ['ngRoute'])
    .run(['$rootScope','$http','$location', function($rootScope,$http, $location) {
        $rootScope.$on('$routeChangeStart', function(evt, next, current) {
            $http.get('后台').succuss(function(){});
        });
    }]);
    

如果是的话，function(evt, next, current){}里面的succuss()怎么写；
另外听说用拦截器也可以做，不过也不知道怎么写。
希望各位大神能指点下小弟，万分感谢！

Answer 1

谢邀吧！

我觉得用$outeChangeStart当然可以，路子有很多，但我要介绍的是通过interceptors来实现这个功能，譬如我可以写这样一个拦截器：

//通过匿名工厂注册一个拦截器
$httpProvider.interceptors.push(function($q, dependency1, dependency2) {
  return {
    'response': function(response) {
       //拦截所有的服务器端响应
       
       //可以通过status code来检查该请求是否因为没登录而被后端驳回了
       if(response.status === 错误码){
           //跳转到登录页面
       }
       
       //也可以通过响应的数据来判断
       if(response.data === 你的各种判断逻辑){
           //跳转到登录页面
       }
       
       //具体如何判断“未登录错误”，取决于你后端api的实现
    }
  };
});

Answer 2

需要有接口支持吧，需要个接口来判断合法性，一般单页应用中，接口都返回一致的状态，来 表示用户失效，如果你需要对每个view做验证的话，即

 $rootScope.$on('$routeChangeStart', function(evt, next, current) {
    // 请求合法性校验的方法比如 $http.get('your_oauth_api' ...)  
    
});

验证了如果失效则跳回登录清掉用户信息本地缓存