当前位置:首页 > 技术分析 > 正文内容

vue-admin-template处理token失效

ruisui882个月前 (05-04)技术分析22


token失效后应该删除token使其跳转至登录页面,而不是报401错误。

1.在request.js的拦截器的位置添加401的判断,在此进行token的删除和跳转

跳转要导入路由

import { router } from '@/router'

async(error) => {
    if (error.response.status == 401) {
    Message({ type: 'warning', message: 'token 超时了' })
    // 说明token超时了
    await store.dispatch('user/logout') // 相当于调用action退出登陆
    router.push('/login') // 跳转到登录页
    }
    Message({ type: 'info', message: error.message })
    return Promise.reject(error)
    }

2.在store/user.js添加token删除action logout


logout(context) {
    context.commit("removeToken") // 删除token
    context.commit("setUserInfo",{}) // 设置用户信息为空
}


添加removeToken mutations

removeToken(state) {

    // 删除vuex的token

    state.token = null

    removeToken()

},

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3787.html

分享给朋友:

“vue-admin-template处理token失效” 的相关文章

祸害阿里云宕机3小时的IO HANG究竟是什么?

本文来自微信公号“CSDN”(ID:CSDNnews),作者 | 王知无, 责编| 郭 芮。2019年3月3日凌晨,微博炸锅,有网友反映说阿里云疑似出现宕机,华北很多互联网公司受到暴击伤害,APP、网站全部瘫痪,我自己的朋友圈和微信群里也有好友反馈,刚刚从被窝被叫起来去修Bug,结果发现服务器登不上...

30 个纯 HTML5 实现的游戏

浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时,任何类型的游戏都需要Flash。但随着 HTML5 发展,HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏,它们可以在所有现代浏览器中运行,并且只使用web技术构建。1. HexGL地址:http://...

全新斯柯达柯珞克Karoq深度评测:大众替代品

“斯柯达柯珞克是一款出色的全能家庭 SUV,具有许多有用的功能”价格36,605 英镑- 49,190 英镑优点方便的 VarioFlex 后排座椅非常适合家庭入住驾驶乐趣缺点保修期短保守的内饰性格比Yeti少结论——斯柯达柯珞克是一辆好车吗?斯柯达柯珞克是在辉煌的七座 斯柯达柯迪亚克之后推出的,因...

有效地简化导航-Part 1:信息架构

「四步走」——理想的导航系统要做一个可用的导航系统,网页设计师必须按顺序回答以下4个问题:1. 如何组织内容?2. 如何解释导航的选项?3. 哪种导航菜单最适合容纳这些选项?4. 如何设计导航菜单?前两个问题关注构建和便签内容,通常称为信息架构。信息架构师通常用网站地图(site map diagr...

三、Uni-app + vue3 页面如何跳转及传参?

Vue 项目往往需要使用 vue-router 插件,刚开始入门 Uni-app + Vue3 项目的同学,会不会想着路由使用 vue-router V4 版本不就可以了吗?不怕大家笑话,我就是这样想的,毕竟我是第一次使用 Uni-app ,由于孕期记性贼差,所以我决定写成笔记,加深记忆。uni-a...

2022年甘肃特岗、三支一扶、西部计划报名通知

报名时间2022年6月7日9:00至6月11日18:00报名网站甘肃省人力资源考试中心(http://ks.rst.gansu.gov.cn)准考证打印时间2022年6月27日9∶00至7月2日9∶00考试时间和地点2022年7月2日考试地点以准考证上指定的地点为准成绩查询时间7月22日左右点击下方...