vue登录逻辑

1.实现超过一定时间就需重新登录的登录的逻辑 首先点击登录按钮获取token给一个函数 这个函数里面的逻辑是获取到token 把它存起来存到localstorage里面同时获取当前事件戳并转化成秒数然后存起来 并在逻辑中判断如果token=null的时候设置token 再存一遍 在别的函数中判断超过一天 return 0 在第三个函数中判断如果第二个函数为0 就removetoken 删除localstorage里面的token 具体代码如下

import Store from '@/utils/Store'
const TokenKey = 'Admin-Token'
function contrasttime() { 此处是判断登录事件 与 当前时间是否超过了一天 如果超过了一天 在下面的函数中就删除localstorage里面的token

const date = new Date().getTime();

const time = Math.floor(date / 1000);

const loadtime = localStorage.getItem('Loadtime');

if (!loadtime || loadtime == 0) {

return 0;

}

const ctime = (time - loadtime) / 86400;

if (ctime > 1) {

return 0;

} else {

return time;

}

}
export function getToken() { 此处在axios拦截器那里使用 通过此处与contrasttime()函数的逻辑来删除与否localstorage里面的token

var data;

if (Store.state.disabled_localStorage.star) {

data = {

token: Store.state.disabled_localStorage.TokenKey,}

} else {

if (contrasttime() == 0) {

removeToken();

}
    data = {
        token: localStorage.getItem('TokenKey'),}

}
// if(!data.user_id||data.user_id=='undefined'){
//  // removeToken();
//  // data.token=null
// }else
if (!data.token || data.token == 'undefined') {

    removeToken();
    data.token = null
}
return data
}
export function setToken(token) {登录完成后首先执行这里 获取当前事件存起来 并把token存起来

localStorage.setItem('TokenKey',token)

const date = new Date().getTime();

const time = Math.floor(date / 1000);

localStorage.setItem('Loadtime',time);

if (localStorage.getItem('TokenKey') == null) {

Store.state.disabled_localStorage.star = true;

Store.state.disabled_localStorage.TokenKey = token;

}

}
export function removeToken() {

localStorage.removeItem('TokenKey')

}

2.实现不根据时间推出登录

只需要把登录时获取的token 存起来放在localstorage中 和 vuex中 在axios中使用就行了 点击推出登录也没有删除 只是跳到了登录页面 再次登录时token自动代替原来的token

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!