Layui Token 校验:前端请求头与后端接口验证
在 Layui 中进行 Token 校验,需要在请求头中添加 Token 信息,并在后台接口中进行校验。
- 在请求头中添加 Token 信息
在发送请求之前,可以通过设置 AJAX 的 beforeSend 方法,在请求头中添加 Token 信息,例如:
$.ajax({
url: 'your url',
type: 'POST',
beforeSend: function(xhr) {
var token = sessionStorage.getItem('token');
xhr.setRequestHeader('Authorization', 'Bearer ' + token);
},
success: function(res) {
console.log(res);
}
});
在这个例子中,我们从 sessionStorage 中获取到 Token,并将其设置到请求头中的 Authorization 字段中,以 Bearer 加空格的形式进行传输。
- 在后台接口中进行校验
在后台接口中,需要对请求头中的 Authorization 字段进行解析,以获取到 Token 信息,并进行校验。例如:
router.post('/api/test', function(req, res, next) {
var token = req.headers.authorization.split(' ')[1];
jwt.verify(token, 'your secret key', function(err, decoded) {
if (err) {
res.status(401).send('Unauthorized');
} else {
// 校验成功,可以进行后续操作
}
});
});
在这个例子中,我们从请求头中获取到 Authorization 字段,然后将其以空格为分隔符进行拆分,获取到 Token 信息。接着,我们使用 jsonwebtoken 包中的 verify 方法对 Token 进行校验,如果校验成功,则可以进行后续操作,否则返回 401 状态码。需要注意的是,在进行校验时,需要使用与生成 Token 时相同的密钥进行解密。
原文地址: https://www.cveoy.top/t/topic/mLPb 著作权归作者所有。请勿转载和采集!