Vue登录token处理

1. token的获取

1. 一般用户登录后，从服务器端返回的数据中，包含有token，从服务器端返回的数据的结构一般如下

{
    "data": {
    	"xxx":"yyy",
    	.....
        "token": "...."
    }
    ...
}

2. 一般通过res.data.token,都能获取到相应的token

2. token的保存

1. token一般只在当前网站打开的时候生效，一般保存在sessionStorage
2. 如果网站设置了自动登录功能，那么久应该保存在localStorage中

window.sessionStorage.setItem('token', res.data.token)

3. token的携带

1. 当我们登录之后，想要访问其他的接口，一般都会要求在请求头中使用 Authorization 字段提供 token 令牌
2. 这里我们就用到了axios的拦截器 详情点击

使用拦截器想头部添加token令牌

axios.interceptors.request.use(config => {
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 在最后必须 return config
  return config
})