在 Layui 中进行 Token 校验,需要在请求头中添加 Token 信息,并在后台接口中进行校验。

  1. 在请求头中添加 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 加空格的形式进行传输。

  1. 在后台接口中进行校验

在后台接口中,需要对请求头中的 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 时相同的密钥进行解密。

Layui Token 校验:前端请求头与后端接口验证

原文地址: https://www.cveoy.top/t/topic/mLPb 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录