当我通过 UI 向 api 端点发出 GET/POST 请求时,如何发送我的 JWT 令牌?

批判反叛者

所以我创建了 Nodejs api,直到现在我一直在使用邮递员访问它。但现在我想创建 forntend。在 api 中,当用户登录时,他将获得一个 JWT 令牌,当访问受保护的路由时,他需要发送 JWT 令牌。我正在使用邮递员在标头中发送令牌。我怎样才能通过前端做到这一点?

拉扎尔·尼科利奇

在登录函数内部,成功时,使用带有 jwt 参数的回调函数调用localStorage.setItem('userToken', jwt). 这会将您的 jwt 放在用户浏览器的本地存储中。然后,如果您使用例如 axios 进行后端调用,您应该添加拦截器,该拦截器也将在每个请求上发送 jwt。像这样的东西

axios.interceptors.request.use(async () => {
  request.headers.common.Authorization = `bearer ${window.localStorage.getItem('userToken')}`;
  return request;
}, err => Promise.reject(err));

因此,它不会完全像这样,而是适合您需求的类似内容

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

向LinkedIn API端点发出跨域ajax请求

来自分类Dev

我可以在 `sort` 键下使用多个参数向 Search 端点发出请求吗?

来自分类Dev

AngularJS-向Web Api端点发出的$ HTTP错误请求

来自分类Dev

我尝试从具有JWT令牌的API发出GET请求时遇到错误401(未经授权)

来自分类Dev

在 angular4 中向 php 端点发出请求

来自分类Dev

使用 python 3.6 向带有令牌的 API 发出我的第一个请求

来自分类Dev

使用python向Stackoverflow API发出请求时,如何通过标头传递我的API密钥

来自分类Dev

向HTTPS端点发出请求时,Kestrel是否需要UseHttps?

来自分类Dev

403在Django中向端点发出Ajax请求时禁止

来自分类Dev

当我向 api 服务器发出 post 请求时收到 404 错误

来自分类Dev

如何使用基于JWT令牌的授权保护fastapi API端点?

来自分类Dev

通过 angular 4 将 JWT 令牌附加到 api 请求

来自分类Dev

当我使用参数向 Web API 发出请求时,为什么我得到全部而不是单个

来自分类Dev

当我尝试使用 apl 平台(管理组件)访问安全端点时找不到 JWT 令牌

来自分类Dev

向Google gmail API发出令牌请求时,请求400错误

来自分类Dev

我如何使用angular 5和asp.net core从angular向端点发送电子邮件

来自分类Dev

如何在 OAuth 2 中向 JWT 令牌添加环境

来自分类Dev

云身份和云端点,是否有任何方法可以阻止角色/组中的某些用户向端点发出POST / GET请求

来自分类Dev

当我进行http2推送时,我向服务器发出请求?

来自分类Dev

发出请求时Vimeo API无效令牌

来自分类Dev

Laravel / Vue-JWT令牌记住我

来自分类Dev

Google Api,当我拥有访问令牌和以前的刷新令牌时,如何刷新用户令牌

来自分类Dev

通过传递Azure B2C JWT承载令牌从Angular调用.NET CORE Web API安全端点

来自分类Dev

通过JWT令牌授权

来自分类Dev

通过JWT令牌授权

来自分类Dev

我如何在React应用程序中向API发出一百万个以上的请求?

来自分类Dev

如何测试使用JWT身份验证的Node API(通过用户登录获取令牌)

来自分类Dev

通过 JWT 令牌在 Azure API 管理中授权

来自分类Dev

我是否必须针对每个请求验证JWT令牌?

Related 相关文章

  1. 1

    向LinkedIn API端点发出跨域ajax请求

  2. 2

    我可以在 `sort` 键下使用多个参数向 Search 端点发出请求吗?

  3. 3

    AngularJS-向Web Api端点发出的$ HTTP错误请求

  4. 4

    我尝试从具有JWT令牌的API发出GET请求时遇到错误401(未经授权)

  5. 5

    在 angular4 中向 php 端点发出请求

  6. 6

    使用 python 3.6 向带有令牌的 API 发出我的第一个请求

  7. 7

    使用python向Stackoverflow API发出请求时,如何通过标头传递我的API密钥

  8. 8

    向HTTPS端点发出请求时,Kestrel是否需要UseHttps?

  9. 9

    403在Django中向端点发出Ajax请求时禁止

  10. 10

    当我向 api 服务器发出 post 请求时收到 404 错误

  11. 11

    如何使用基于JWT令牌的授权保护fastapi API端点?

  12. 12

    通过 angular 4 将 JWT 令牌附加到 api 请求

  13. 13

    当我使用参数向 Web API 发出请求时,为什么我得到全部而不是单个

  14. 14

    当我尝试使用 apl 平台(管理组件)访问安全端点时找不到 JWT 令牌

  15. 15

    向Google gmail API发出令牌请求时,请求400错误

  16. 16

    我如何使用angular 5和asp.net core从angular向端点发送电子邮件

  17. 17

    如何在 OAuth 2 中向 JWT 令牌添加环境

  18. 18

    云身份和云端点,是否有任何方法可以阻止角色/组中的某些用户向端点发出POST / GET请求

  19. 19

    当我进行http2推送时,我向服务器发出请求?

  20. 20

    发出请求时Vimeo API无效令牌

  21. 21

    Laravel / Vue-JWT令牌记住我

  22. 22

    Google Api,当我拥有访问令牌和以前的刷新令牌时,如何刷新用户令牌

  23. 23

    通过传递Azure B2C JWT承载令牌从Angular调用.NET CORE Web API安全端点

  24. 24

    通过JWT令牌授权

  25. 25

    通过JWT令牌授权

  26. 26

    我如何在React应用程序中向API发出一百万个以上的请求?

  27. 27

    如何测试使用JWT身份验证的Node API(通过用户登录获取令牌)

  28. 28

    通过 JWT 令牌在 Azure API 管理中授权

  29. 29

    我是否必须针对每个请求验证JWT令牌?

热门标签

归档