Angular 2 JWT 有 unauthenticatedRedirector?

Angular 2 JWT have unauthenticatedRedirector?

我来自 angular 1,我使用 JWT 令牌对用户进行身份验证。在 angular 1 我有这个:

.config(function Config($httpProvider, jwtOptionsProvider) {
        // Interceptor for token push on every $http request
        jwtOptionsProvider.config({
            tokenGetter: ['storageService', function (storageService) {
                return storageService.getToken();
            }],
            whiteListedDomains: ['127.0.0.1', 'localhost'],
            unauthenticatedRedirector: ['$state', 'authManager', 'storageService', 'jwtHelper', function ($state, authManager, storageService, jwtHelper) {
                if (storageService.getToken() != null) {
                    if (jwtHelper.isTokenExpired(storageService.getToken())) {
                        alert('Su sesión ha caducado.');
                    }
                }

                storageService.removeToken();
                storageService.clearAll();
                authManager.unauthenticate();
                $state.go('autorepuestos_fe');
            }],
            unauthenticatedRedirectPath: '/login'
        });

        $httpProvider.interceptors.push('jwtInterceptor');
    })

这是拦截器。我从 Angular 2 的 JWT 官方页面了解到,我可以轻松拦截用户的路由并使用 AuthGuard 重定向它。没关系,我用过并且效果很好。但是,我的问题是......在这个版本的 Angular 2 JWT 上有 unauthenticatedRedirector?有了这个,如果用户向我的后端的任何端点发出请求然后自动显示一条消息并将其重定向到登录页面。

知道如何实现吗?我正在考虑放置一个函数来拦截对任何端点的每次调用并首先验证令牌是否有效,如果这是真的然后发出请求......但听起来很复杂。

重定向登录 Angular 2 & 4 可以通过 "canActivate" 在路由中完成,如果需要可以添加一些消息

这是我的 AuthGuard 路由设置

{ path: 'secret', component: SecretComponent, canActivate: [ AuthService] }

然后在我的 AuthGuard

public canActivate() {
    if (this.checkLogin()) {
        return true;
    } else {
        this.router.navigate(['login']);
        return false;
    }
}

向您展示 ASP.NET Angular JWT 解决方案的完整细节:

https://github.com/Longfld/ASPNETcoreAngularJWT

ng-jwt库,在angular+2

中提供jwt认证的一些工具