我这边是通过guard登录获取到的token
“@authing/vue-ui-components”: “^3.1.31”
登录获取到以后携带在请求头,后端服务获取到以后验证token有效 再通过token获取用户信息写入缓存。
但是一旦使用guard登录成功以后,每次加载guard都会直接获取到这个token并且有效,无法退出登录状态
以下是前端登录代码
mounted() {
// 使用 start 方法挂载 Guard 组件到你指定的 DOM 节点,登录成功后返回 userInfo
this.$guard.start("#authing-guard-container").then((userInfo) => {
console.log("userInfo: ", userInfo);
this.$store.dispatch("LoginByAuthing", userInfo).then(() => {
this.$router.push({ path: this.redirect || "/" }).catch(()=>{});
}).catch(() => {
this.loading = false;
if (this.captchaOnOff) {
this.getCode();
}
});
});
},
LoginByAuthing({ commit }, userInfo) {
return new Promise((resolve, reject) => {
setToken(userInfo.token)
commit('SET_TOKEN', userInfo.token)
resolve()
})
},
以及获取到的token:
“eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cGRhdGVkX2F0IjoiMjAyMi0xMS0xNlQxMzo1ODoyNy41NjJaIiwiYWRkcmVzcyI6eyJjb3VudHJ5IjpudWxsLCJwb3N0YWxfY29kZSI6bnVsbCwicmVnaW9uIjpudWxsLCJmb3JtYXR0ZWQiOm51bGx9LCJwaG9uZV9udW1iZXJfdmVyaWZpZWQiOmZhbHNlLCJwaG9uZV9udW1iZXIiOm51bGwsImxvY2FsZSI6bnVsbCwiem9uZWluZm8iOm51bGwsImJpcnRoZGF0ZSI6bnVsbCwiZ2VuZGVyIjoiVSIsImVtYWlsX3ZlcmlmaWVkIjpmYWxzZSwiZW1haWwiOm51bGwsIndlYnNpdGUiOm51bGwsInBpY3R1cmUiOiJodHRwczovL2ZpbGVzLmF1dGhpbmcuY28vYXV0aGluZy1jb25zb2xlL2RlZmF1bHQtdXNlci1hdmF0YXIucG5nIiwicHJvZmlsZSI6bnVsbCwicHJlZmVycmVkX3VzZXJuYW1lIjpudWxsLCJuaWNrbmFtZSI6bnVsbCwibWlkZGxlX25hbWUiOm51bGwsImZhbWlseV9uYW1lIjpudWxsLCJnaXZlbl9uYW1lIjpudWxsLCJuYW1lIjpudWxsLCJzdWIiOiI2Mzc0N2Q4ZjM2YjU1NTljNjQyODVkMzQiLCJleHRlcm5hbF9pZCI6bnVsbCwidW5pb25pZCI6bnVsbCwidXNlcm5hbWUiOiJhZG1pbjEiLCJkYXRhIjp7InR5cGUiOiJ1c2VyIiwidXNlclBvb2xJZCI6IjYyMTQ5MzcwNDgyYTQ4NWRkNGQ1OGNlMCIsImFwcElkIjoiNjM3NGIxMjFlNDFlOTE1ZjQ3YWIyNWYyIiwiaWQiOiI2Mzc0N2Q4ZjM2YjU1NTljNjQyODVkMzQiLCJ1c2VySWQiOiI2Mzc0N2Q4ZjM2YjU1NTljNjQyODVkMzQiLCJfaWQiOiI2Mzc0N2Q4ZjM2YjU1NTljNjQyODVkMzQiLCJwaG9uZSI6bnVsbCwiZW1haWwiOm51bGwsInVzZXJuYW1lIjoiYWRtaW4xIiwidW5pb25pZCI6bnVsbCwib3BlbmlkIjpudWxsLCJjbGllbnRJZCI6IjYyMTQ5MzcwNDgyYTQ4NWRkNGQ1OGNlMCJ9LCJ1c2VycG9vbF9pZCI6IjYyMTQ5MzcwNDgyYTQ4NWRkNGQ1OGNlMCIsImF1ZCI6IjYzNzRiMTIxZTQxZTkxNWY0N2FiMjVmMiIsImV4cCI6MTY2OTgxNjgwNCwiaWF0IjoxNjY4NjA3MjA0LCJpc3MiOiJodHRwczovL3lmbmIuYXV0aGluZy5jbi9vaWRjIn0.KzFe1ny-V0e6XjjwkEVfFrVa3DvxD3TWUEW99NNfSVQ”