cookie的使用

vue中使用js-cookie通过npm i js-cookie
然后通过

import Cookies from 'js-cookie'

// 通过set，get来使用，和localStorage用法类似
Cookie.set()
Cookie.get()

在登陆时获取的token可以保存在cookie中，这样相对与保存在vuex中更加方便，vuex会因为刷新浏览器而丢失，vuex要解决这个问题要先将token保存在localStorage，然后刷新浏览器时在main.js中重新获取localStorage中的token保存在vuex。

cookie里的数据也会随着Ajax请求传给后端

后端可以根据需求获取cookie里的数据

使用cookie统一给请求添加token

// 在请求拦截器中统一为请求添加token请求头
import Cookies from 'js-cookie'

const token = Cookies.get('access-token')
  if (token) {
    config.headers['access-token'] = token // 让每个请求携带自定义 token 请根据实际情况自行修改
  }

cookie的作用

1. 主要用于保存用户的登陆信息（token），来校验用户是否登陆