0
点赞
收藏
分享

微信扫一扫

前端项目中使用token鉴权

覃榜言 2022-03-11 阅读 60

vue中前端处理token过期的方法与axios请求拦截处理
前端token过期的处理(基于vue框架)和展示后端报错message

在这里插入图片描述
在这里插入图片描述
4、后端判断token是否过期,响应拦截是否过期
5、路由导航守卫

登录

登录按钮

在这里插入图片描述

axios的请求拦截器:登录成功后存储token

把用户的每个请求的请求头 挂载上 token
写在main函数的axios导入之后
在这里插入图片描述

axios响应拦截器

应对token错误或者过期

点击退出按钮token

ps路由导航守卫

另一个问题,如果用户没有登陆,不能直接通过url访问
写在router.js里面
在这里插入图片描述

举报

相关推荐

0 条评论