如何在每个请求的标头中设置令牌？

Question

如何在标头中设置 JWT 令牌？

我正在通过 AJAX 调用发送用户名和密码，并收到带有 JWT 令牌的响应 200。我正在会话存储中设置该令牌。如何在标头中设置它以检查令牌是否存在，直到会话结束？

我的方法正确吗？在正文中发送凭据>接收响应（成功）>登录成功>将令牌存储在会话存储中并将令牌设置在标头中>会话过期时注销

function validate() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var data = {
    username: username,
    password: password
}
console.log(data);
$.ajax({
    type:"post",
    cache:false,
    url:"xyz",
    data:data,    /
    success: function (result) {
    console.log(result); //will have the status and jwt if it's success               
     }
    });
  };

存储 jwt

let key="token";
sessionStorage.setItem(key, jwt);// will get the jwt from the result.

Answer 1

您可以使用setItem 在sessionStorage 中设置项目：

sessionStorage.setItem("key", "value");

如果要检查sessionStorage中是否设置了key，可以检查是否为true，如：

if (sessionStorage.getItem("key")) {
    //Your code here
}

这是您检查sessionStorage中是否存在密钥的方法，您可以将其应用到script标签内，该标签位于head标签内，以检查用户是否已登录。

Answer 2

您可能想改用 cookie。

document.cookie = "token=" + key + "; expires=0;";

用户每次请求都会发送 Cookie，因此编码要简单得多，并且通过将“expires”属性设置为 0，令牌将在浏览器会话结束后过期。