登陆获取token
除登陆界面外其他接口的调用均需token令牌
通过axios请求拦截器添加token,保证拥有获取数据的权限
//axios请求拦截
axios.interceptors.request.use(config => {
//为请求头对象添加token验证的Authorization字段
config.headers.Authorization = window.sessionStorage.getItem('token')
return config
})
放在请求拦截器里
退出功能实现原理
基于token的方式实现退出比较简单,只需要销毁本地的token即可。这样,后续的请求就不会携带token,必须重新登录生成一个新的token之后才可以访问页面。
//清空token
window.sessionStorage.clear()
//跳转到登录页
this.$router.push('/login')