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

查看:102
本文介绍了javascript - 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的实现
    }
  };
});

这篇关于javascript - Angular用户登录验证和权限验证的问题。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆