以前用后台路由的时候,用户登录验证和权限验证,都是后台做的,现在用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' ...)
});
验证了如果失效则跳回登录清掉用户信息本地缓存