angularjs实现url权限控制
angularjs实现url权限控制
一路向北的兔斯基 发表于2年前
angularjs实现url权限控制
  • 发表于 2年前
  • 阅读 203
  • 收藏 3
  • 点赞 0
  • 评论 0
摘要: 目前能找到的权限控制都是通过resolve解决的,但需要每个controller都写相关的代码。网上找了一些资料,通过$routeChangeStart和$routeChangeSuccess实现url切换控制和权限控制

目前能找到的权限控制都是通过resolve解决的,但需要每个controller都写相关的代码。网上找了一些资料,通过$routeChangeStart和$routeChangeSuccess实现url切换控制和权限控制。

  1. 首先定义不需要管理员的url数组和判断是否为此类url的方法
var frontUrls = ['/statisticsIndex', '/statisticsDetail'];
    window.isFront = function (currentPath) {
        var front = false;
        for (var i = 0; i < frontUrls.length; i++) {
            var frontUrl = frontUrls[i];
            if (currentPath.indexOf(frontUrl) > -1) {
                front = true;
                break;
            }
        }
        return front;
    }
  1. $rootScope增加$routeChangeStart的监听方法。 如果要访问的url需要管理员权限,那么再判断当前用户是否有管理员权限,如果没有则提示用户并刷新页面到主页,否则就到相应的页面
$rootScope.$on('$routeChangeStart', function () {
    var front = isFront($location.path());
    if (!front) {
        var canManager = ichsonService.canManager();
        if (!canManager) {
            alert("您没有权限访问当前页面!");
            window.location.reload();
        }
    }
});

这种方式,相对resolve,涉及的js文件改动会少很多,只需要增加frontUrls中的值就可以适应增加url的场景。

共有 人打赏支持
粉丝 4
博文 46
码字总数 16935
×
一路向北的兔斯基
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: