路由守卫

路由守卫的应用场景 ：

image.png

路由守卫的三种场景

image.png

1.我们来模拟这个场景 登录成功之后才显示相应的product 详情组件
首先我们创建一个登录功能类来实现 CanActivate方法 如下图

image.png

2.接下来 我们修改路由配置文件 修改商品详情组件的路由信息

image.png

3 同时修改路由配置文件 将我们之前定义的路由守卫 生命在其中

image.png

4. 我们在建立一个 用户要离开时 需要进行的一个判断

image.png

5.同时修改 路由配置表 也是修改上面两个地方 如下图

image.png

image.png

6.resolve 守卫

image.png

image.png

image.png

同时我们需要修改路由配置 并修改上面的两个地方

image.png