[JavaScript知识库]cookie跟sessionStorage的区别，为什么vue不使用cookie

cookie可以绑定你的域名，存储在你的浏览器，而每次请求后端的时候，只要这个域名不是跨域访问的，它就可以帮你将这个cookie在http协议的header里提交到后台，后台就可以识别出你的用户信息。

而sessionStorage和cookie不同，虽然他同样可以存储信息，但他调用接口的时候，不会自动将它里面的信息上传到后台，所以后台是无法获取你的信息的。

所以假如你将用户信息，比如会话的token保存在sessionStorage里面，那么你在你每次调用接口的时候，都要手工将这个token信息从sessionStorage里面读出来，再将这个token写入header里，然后再调用接口。假如我们使用了axios，那么我们可以通过axios的拦截器来实现，再调用接口前的事件里，将token写入header.

比如下面的代码：

service.interceptors.request.use(
  (config) => {
 

    let token = sessionStorage.getItem('token')
    if (token && token !== '') {
      config.headers['token'] = token // 让每个请求携带自定义token 请根据实际情况自行修改
    }
    return config
  },
  (error) => {
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

因此，sessionStorage在vue里面，使用的非常多，因为vue项目，在开发阶段甚至是生产环境，都可能使用跨域调试或对接的，所以后台是无法读取出cookies信息的，所以还是使用sessionStorage和拦截器，自动注入token要灵活的多。