Vue项目实战总结（三 登陆权限）

登陆获取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')