动态角色和权限：在 Angular 2/4 应用程序中对用户进行身份验证后。

Question

3

我正在使用 Angular 2/4 创建一个应用程序，其中我的超级管理员将创建不同的租户/角色并授予对不同页面/功能（权限）的访问权限，因此两者都将是动态的。

我能够检索页面并在菜单上显示它们。使用了这篇文章实现了菜单： https://webcake.co/automating-your-main-nav-in-a-modular-angular-2-app/ 现在我也想保护路由，以便用户不会通过手动输入URL来访问该功能。

需要更多关于如何创建从数据库获取的动态路由或导航的澄清。

是否有任何方法可以使用动态角色名称和动态功能权限进行基于角色的授权？

谁能帮忙解决这个问题？

- veerender mogili

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sam · Accepted Answer

有点晚了，但是这个指南对我帮助很大，特别是在使用JWT方面。核心思想是你需要在登录时从服务器发送用户的角色/权限信息。你的Angular应用程序应该把这个"元数据"本地存储（比如localStorage），并用它来保护你的路由。Angular Guards可以轻松实现路由保护。

不过要记住，这只能提供有限的保护。任何人都可以编辑他们的localStorage（或者sessionStorage, 或者cookies），因此你的API端点本身必须得到恰当的保护，即使未经授权的用户以某种方式访问了你的受保护Angular路由，他/她也会被API拒绝。