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

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

以前用后台路由的时候,用户登录验证和权限验证,都是后台做的,现在用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()怎么写;
另外听说用拦截器也可以做,不过也不知道怎么写。
希望各位大神能指点下小弟,万分感谢!


谢邀吧!

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

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

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

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

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

【热门文章】
【热门文章】