什么是token?
作为计算机术语,是“令牌”的意思 。
Token 是服务端生成的一串字符串,以作客户端进行请求的一个令牌,当第一次登录后,服务器生成一个Token便将此Token返回给客户端,以后客户端只需带上这个Token前来请求数据即可,无需再次带上用户名和密码。
大概的流程:
1.客户端使用用户和密码请求登录(服务器--后端)
2.服务端收到请求,验证用户名和密码
3.验证成功后,服务端(后台)会生成一个token,然后把这个token发送给客户端(前端)
4.客户端收到token后把它存储起来,可以放在cookie 或者Local Storage(本地存储) 里
5.客户端每次向服务端发送请求的时候都需要带上服务端发给的token(客户端--前端)
6.服务端收到请求,然后去验证客户端请求里面带着token,如果验证成功,就向客户端返回请求的数据。
token使用小结:
前端登录的时候向服务器发送请求,服务器验证成功,会生成一个token
前端会存储这个token,放在session 或cookie 中,用于之后的业务请求身份验证
拿着这个token ,可以在当前登录的账号下进行请求业务,发送请求时,token会放在请求头里,服务器收到这个业务请求,验证token,成功就允许这个请求获取数据。
token可以设置失效期,超时需要重新登录
在 src 目录下创建 utils 文件夹,在 utils 下 setToken.js 写下以下内容:
// 存储 token
export function setToken (tokenKey, token){
return localStorage.setItem (tokenKey,token)
}
// 获取 token
export function getToken (tokenKey){
return localStorage.getItem (tokenKey)
}
// 移除token
export function removeToken (tokenKey){
return localStorage.removeItem (tokenKey)
}