前台实现(一般在请求拦截器中加token,以下只是简单示例)
1.用户在点击登录接口的时候向后台发送请求,后台在返回的内容中携带了token,前端久将其set到localStorage中,
document.getElementById("login").addEventListener("click", function () {
let name = document.getElementById("name").value;
let password = document.getElementById("password").value;
fetch("/login", {
body: JSON.stringify({
name,
password,
}),
method: "post",
headers: {
"Content-Type": "application/json",
},
})
.then((res) => res.json())
.then((res) => {
localStorage.setItem("token", res.token); //这个位置将token存储到本地,一边后面访问其他页面时使用
});
}