美文网首页
angular的路由守卫

angular的路由守卫

作者: 帅的潇洒 | 来源:发表于2019-06-26 12:00 被阅读0次

    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.....

    相关文章

      网友评论

          本文标题:angular的路由守卫

          本文链接:https://www.haomeiwen.com/subject/kvaqcctx.html