express - 如何将jwt token 存储在localStorage中,并使用express中的 header 将其发送回服务器?

标签 express jwt

我已经阅读了stackoverflow上的许多文章,并且看过许多youtube视频,但是未能找到示例代码来说明将jwt保存到本地存储的流程-发送回带有授权 header 的服务器以进行验证。

这是我想做的。

客户端登录到服务器时,服务器会提供 token 并将其保存到客户端localStorage(或sessionStorage)。

每当客户端调用只能通过 token 访问的api时,
客户端从localStorage取回 token ,并将带有授权 header (req.headers.[x-access-token]req.headers.[authorization])的 token 发送到服务器。

但是我读过的所有文章都在用 postman 解释这个问题,但没有显示如何将其存储到localStorage并将其放在授权 header 中。

服务器将 token 提供给客户端时,我是否必须使用localStorage.setItem,并在将 token 发送回服务器之前将localStorage.getItemnew Headers()append()axios一起使用?

示例不一定是针对快速用户的,但我想了解一下想法。

最佳答案

您可以将jwt token 存储在localstorage中,并且无论何时进行API调用,都可以将 token 作为 token 添加到 header 中。如果您正在使用axios,则可以将 token 附加到 header 上,如下所示。此处, token 通过 key “jwtToken”存储在本地存储中

  axios.post('http://yourendpoint',data,{ headers: { Authorization:localStorage.getItem('jwtToken') } })
            .then(response=> console.log(response))
            .catch(error => console.log(error));
   };

关于express - 如何将jwt token 存储在localStorage中,并使用express中的 header 将其发送回服务器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55631012/

相关文章:

javascript - bookshelf js 中的多个 order By() 列

javascript - 获取数据在插入前执行

authentication - ASP.NET Core RC2 Jwt token KID 错误

python - Keycloak 访问 token 的独立验证

wordpress - 验证 WordPress REST API JWT token 时出现 jwt_auth_no_auth_header 错误

node.js - 如何使用 test jest 覆盖依赖于 Node 环境的条件

javascript - Node.js + Express 应用程序中的并发如何工作?

javascript - Node/ express 4 : displaying errors with express-validator on ajax post

java - 使用私钥生成 JSON Web token (JWT)

java - JWT认证可以支持多种API吗?