首页 > 解决方案 > 路由权威角度

问题描述

我在这条路径上有一条路线 {path: 'Demands/:id', component: EditDemandesComponent}, ,我可以编辑我的需求。但是,如果 id 不包含在我的其他用户的需求 id 中,我也可以访问此路径并显示他们的需求信息并进行编辑。我该如何解决这个问题。

标签: angulartypescriptsecurityroutes

解决方案


您可以使用 Route Guards 执行此操作。

路由守卫是 Angular 路由器的一个重要特性,它根据用户登录与否基于某些逻辑允许或拒绝用户访问路由页面。

  • ROUTE-GUARDS 在具有登录/注销场景的 Web 应用程序中非常重要。
  • 它通常用于检查用户是否已登录并有权访问页面。
  • 我们可以轻松管理登录用户允许哪些页面以及未登录用户允许哪些页面。

即使很难,您也可以在 Angular 端执行此操作,但我真的建议在后端执行此操作。因此,一旦未经授权的用户尝试获取需求,它将返回 401,Angular 将知道该用户无权执行此操作。

以下是 Angular Route Guards 的一些很好的资源:


推荐阅读