基于Angular5中的有效令牌加载任何组件

谢尔盖·弗拉基米罗维奇(Sergey Vladimirovich)

我在localStorage中有令牌,我想重定向每次尝试以无效令牌加载任何组件的尝试。我该怎么做?可以使用onInit()功能,但是如何对每个组件实施呢?

维加

使用警卫:

@Injectable()
export class AuthGuard implements CanActivate {

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
        if (valid token) {
          return true
        } else { // invalid token, force to redirect
          this.router.navigate(['/redirectUrl']); 
          return false;
        }
      }
}

和路由:

....
    { path: 'myRoute', component: MyComponent, canActivate: [AuthGuard]},
...

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在div中动态加载组件-Angular5

通过angular5中的innerHtml加载组件

angular5延迟加载多个组件

Symfony安全组件-在令牌有效负载中找不到密钥“用户名”

Angular5 使用模块中的组件

在基于令牌的身份验证中,应用程序服务器如何知道哪些令牌有效?

基于路由切换App.js中的组件,仅在刷新时有效

将数组绑定到模板中的组件仅在页面加载时有效

如何在 Angular 2 中从 Firebase 获取有效的访问令牌

如何编写一个通用组件以在 angular5 中包含所有验证消息?

如何在ts组件文件angular 2中检查模板格式的有效性?

signInWithIdp的有效负载中的未决令牌

JSON Web令牌-有效负载中的密码?

Angular5 访问共享组件中的共享管道

测试在组件 Angular5 中调用 http 服务的函数

未加载SQLASCmdlet,因为在任何模块目录中均未找到有效的模块文件

延迟加载而不更改 angular5 中的 url

如何在Laravel 5中使用Socialite由Oauth提供商检查令牌的有效性?

在熊猫中基于条件分配价值的有效方法?

.angular-cli.json'失败。请确保文件是有效的JSON。错误:> JSON中位于位置的意外令牌]

等待有效的未知子组件编号中的值

是否有任何有效的算法来遍历基于堆的优先级队列?

在任何给定间隔内查找数组中 5 个最大数的有效方法

Google Geocoding API-返回任何基于邮政编码的有效地址

测试令牌的有效时间

基于Angular中的条件加载ngModule及其组件

angular2组件中的selector属性的有效选择器类型是什么

在 Angular 中为多个页面使用一个组件的最有效方法是什么?

Angular5,组件之间的交互