javascript - 根据 JWT 令牌 (ReactJS) 中的角色在页面上显示信息

Question

我有一个 NodeJS 后端和一个 ReactJS 前端。在背面，我使用jwt 令牌来存储用户登录后的角色。在前面，我使用带有自定义受保护路由组件的 react-router，以便将用户重定向到主页（如果他们没有）对自己进行身份验证，然后我将 jwt 令牌保存在 state 上。

假设我有一个页面根据用户的角色向用户打招呼，Hi! seller或者Hi! buyer，角色取自处于状态的 jwt 令牌（我使用上下文保存它）。为了让我获得这个角色，我必须解码这个令牌，在我的例子中，我使用jwt-decode。我的问题是：从前端解码令牌是否省钱？如果没有，我有什么选择？我没有对后端做任何请求，这就是为什么我从前端解码它，通常每个请求都应该验证令牌的有效性。

我的目标是根据用户的角色使用简单的 if/else 三元条件（可以是按钮、一些文本、一些不同的样式等）显示略有不同的信息，并以安全的方式这样做，我我不确定从前端解码令牌是否可以。

标签： javascriptnode.jsreactjsreact-routerjwt