成功登录后，如何将JWT与每个请求一起发送？

Question

我有一个节点。js Express web应用程序，用户可以通过将电子邮件地址和密码发布到路由/signin来登录，成功后，他会收到一个JWT令牌并将其存储在本地存储中
我刚开始使用JWT令牌进行授权，有一件事我真的不知道该怎么做。如何确保用户在成功登录后每次请求都发送JWT令牌？

我没有使用任何前端框架，如React或Vue。

Answer 1

将JWT存储在cookie中而不是本地存储中就达到了这个目的。感谢@JohnPapadopoulos的建议:)

Answer 2

使用JqueryAjax

$.ajax({
    type: "POST", //Any CRUD Op
    url: 'url'  //the url to call
    data: datatosend,     
    contentType: contentType,           
    beforeSend: function (xhr) {   //Include the bearer token in header
        xhr.setRequestHeader("Authorization", 'Bearer '+ jwt);
    }
},
success: function(){
    //Your success code
}
)

Answer 3

您需要在每个受保护的请求上发送HTTP标头。JWT令牌将由授权标头携带，如下所示：

Authorization: Bearer efh1340ufeileaf3148913-your-token

然后您的后端将检查令牌是否有效且未过期，并授予对数据/路由等的访问权限。

看看https://jwt.io/introduction/,的https://developer . Mozilla . org/en-US/docs/Web/HTTP/authentic ation以及更多关于这个主题的内容