Angular 4基于cookie的身份验证

Question

我的应用程序中有一个基于cookie的身份验证系统，并且在使用this._http.get(this.actionUrl, { withCredentials: true })

后我能够成功调用我的API

但我的问题是我还想控制对我的组件或路由的访问，但我不知道如何实现这一点。

提前感谢

Answer 1

您要找的是Angular Guards

我们可以使用四种不同的防护类型来保护我们的路线：

CanActivate - 决定是否可以激活路线 CanActivateChild - 决定是否可以激活路线的子路线 CanDeactivate - 决定是否可以停用路线 CanLoad - 决定是否可以延迟加载模块

简单canActivate和canDeactivate guard

直播示例 - https://rahulrsingh09.github.io/AngularConcepts/guard