查询参数的AngularJS身份验证问题？

Question

为了处理身份验证，我使用 $locationChangeStart。我的代码适用于不包含任何参数或查询字符串的 routeProvider。如果路由提供程序包含任何查询参数，我的代码不能正常工作。

佛

app.config(['$routeProvider', function($routeProvider,$locationProvider) {
    $routeProvider.when('/login', {templateUrl: 'partials/login.html', controller: 'AuthController',auth:false});
    $routeProvider.when('/register', {templateUrl: 'partials/signup.html', controller: 'AuthController',auth:false});
    $routeProvider.when('/', {templateUrl: 'partials/:id', controller: 'TestCntrl',auth:false});
    $routeProvider.otherwise({redirectTo: '/login'});
}]).run(function($rootScope, $route, $location, AutenticationService) {

    $rootScope.$on('$locationChangeStart', function(ev, next, current) {

        var nextPath = $location.path();
        var nextRoute = $route.routes[nextPath]

        if(nextRoute.auth && !AutenticationService.isLoggedIn()){
            $location.path("/login");
            // event.preventDefault();
        }
    });
})

在上面的代码中，nextRoute 检查映射 url 并获取属性 auth，该属性存在于 $routeProvider 中。但是如果 url 包含查询参数 nextRoute.auth 给出不明确的。因为如果此身份验证不起作用。

任何想法，如果 URL 包含查询字符串，如何处理身份验证

Answer 1

只需添加一个检查以查看 nextRoute 是否不虚假（即未定义）。当第一次路由更改被触发时，我遇到了这个问题。初始路径通常是一个空字符串，不被任何路由引用。

if(nextRoute && nextRoute.auth && !AutenticationService.isLoggedIn()){
    $location.path("/login");
}

这是一个稍作修改的示例。您可以在控制台中看到位置的变化。 http://plnkr.co/edit/oE2Ew8C68t8k8EgKNqtz?p=preview

另一个选择是利用这个项目： https://github.com/fnakstad/angular-client-side-auth

这是一个工作演示： http://angular-client-side-auth.herokuapp.com/login