文章目录
1. 二次封装 axios 做了什么
-
请求拦截
- 成功: 头部添加token
- 失败: 返回错误信息
-
响应拦截
- 如果没有 token ,就提示转为登录页
路由守卫是 vue router 提供的一种机制,用于路由跳转前的的拦截或者控制,有三种路由守卫:全局前置路由守卫,全局后置路由守卫,和组件内的路由守卫
前置路由守卫是对路由跳转前的拦截,比如做跳转前的验证或者权限判断,
后置路由守卫是路由跳转后的相应页面操作,比跳转完关闭当前路由
组件内的路由守卫是对组件内部进行路由拦截控制,常多用于业务逻辑
权限验证
用户登录的成功会返回一个token,存放到local 里,每次在跳转路由的时候会在前置路由守卫里判断下token是否存在,或者是否过期,都符合就next放行