Vue - 令牌登录状态验证

Question

我能够识别用户是否使用 vuex 存储登录。问题是当我在浏览器中手动更改access_token(保存在 cookie 中(时，我仍然被视为已登录，因为该值不为 null。如何验证浏览器access_token是否为有效令牌？如果它不是有效的，我想重定向他们登录。

我想当用户使用过期的令牌时我也会遇到麻烦。

应用.js

router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) {
if (!store.getters.loggedIn) {
next({
name: 'login',
})
} else {
next()
}
} else if (to.matched.some(record => record.meta.requiresVisitor)) {
if (store.getters.loggedIn) {
next({
name: 'dashboard',
})
} else {
next()
}
} else {
next()
}
})

武埃克斯

loggedIn(state) {
return state.token !== null
}

Answer 1

我想您的访问令牌是由您的服务器生成的。您需要将带有令牌的 ajax 请求作为数据发送到服务器，服务器应检查令牌是否有效，您只需返回true或false并通过 if 语句进行检查