路由守卫的应用场景 ：
image.png
路由守卫的三种场景
image.png
1.我们来模拟这个场景 登录成功之后才显示相应的product 详情组件
首先我们创建一个登录功能类来实现 CanActivate方法 如下图
image.png
2.接下来 我们修改路由配置文件 修改商品详情组件的路由信息
image.png
3 同时修改路由配置文件 将我们之前定义的路由守卫 生命在其中
image.png
- 我们在建立一个 用户要离开时 需要进行的一个判断
image.png
5.同时修改 路由配置表 也是修改上面两个地方 如下图
image.png
image.png
6.resolve 守卫
image.png
image.png
image.png
同时我们需要修改路由配置 并修改上面的两个地方
image.png
