美文网首页VUE常用知识点
vue项目token失效处理

vue项目token失效处理

作者: b030319dabcf | 来源:发表于2018-06-02 15:04 被阅读2542次

vue项目中token失效处理方法,在main.js配置如下:

//判断token失效跳转
axios.interceptors.response.use(response => {
    if (response) {
        switch (response.data.code) {

            case 1001: //与后台约定登录失效的返回码,根据实际情况处理
                sessionStorage.removeItem('uid');     //删除用户ID
                sessionStorage.removeItem('key');     //删除用户登录验证的key值,即token值
                router.replace({
                    path: '/Login',
                    query: {
                        redirect: router.currentRoute.fullPath
                    }
                })
        }
    }
    return response;
}, error => {

    return Promise.reject(error.response.data) //返回接口返回的错误信息
})

注:在项目中,我这边是用sessionStorge存储登录信息的,如果用的是cookie,就删除cookie,根据实际情况修改即可。token失效后,需用户重新登录才可以继续访问管理后台

相关文章

网友评论

    本文标题:vue项目token失效处理

    本文链接:https://www.haomeiwen.com/subject/arsrsftx.html