angular的路由守卫

what?

路由守卫是保护一个路由对象中的组件,是否被访问
如何实现 :

1.创建一个服务

ng g service login-guard

2.配置 service 实现CanActivate类中的canActivate方法

import { Injectable } from '@angular/core';
import {CanActivate} from '@angular/router' //引入
@Injectable({
  providedIn: 'root'
})
export class LoginGuardService implements CanActivate{   //实现
  constructor() { }
  canActivate(){
    // 在这里执行鉴权或者登录之类的处理,通过返回true、false来来决定是否可以访问
    return true
  }
}

3.配置routing文件


image.png

简单粗暴、持续更新em.....

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容