npm install vue-meta

# 假设你有一个需要不需要身份验证的登录页面，你可以设置`metaInfo`如下

普通鉴权

// 假设服务器返回的响应中有一个名为token的字段，包含用户的身份验证令牌
axios.post('/api/login', {username, password})
    .then(response => {
        // 假设响应中的data字段包含认证信息
        const token = response.data.token;

        // 将令牌保存为Cookie
        document.cookie = `token=${token}; path=/`;

        // 登录成功后的其他逻辑
    })
    .catch(error => {
        // 处理登录错误
    });

jwt

axios.get('/api/protected', {
    headers: {
        Authorization: `Bearer ${getTokenFromCookie()}`
    }
})
    .then(response => {
        // 处理受保护数据的响应
    })
    .catch(error => {
        // 处理错误
    });

function getTokenFromCookie() {
    const cookie = document.cookie;
    const token = cookie.replace(/(?:(?:^|.*;\s*)token\s*\=\s*([^;]*).*$)|^.*$/, '$1');
    return token;
}