cookie作用；cookie是什么；js-cookie的使用方法步骤和封装

cookie作用：存储到浏览器的文本，用来识别客户端

cookie是什么

1. 服务器以响应头的形式将Cookie发送给浏览器
2. 浏览器收到以后会自动将Cookie保存
3. 浏览器再次访问服务器时，会以请求头的形式将Cookie发回
4. 服务器就可以通过检查浏览器发回的Cookie来识别出不同的浏览器

js-cookie的使用

1.安装

npm install --save js-cookie

2.引入

import Cookies from 'js-cookie'

3.使用

(1)指定名字的cookie

// 设置cookie
Cookies.set(name, value)
// 获取cookie
Cookies.get(name) // Cookies.get()  不传值获取所有cookie
// 删除cookie
Cookies.remove(name)

（2） 设置指定有效期cookie,不专门设置默认失效时间为该网站关闭时

// 有效时间为7天的cookie
Cookies.set(name, value, { expires: 7 })

（3） 带有路径的cookie

// 设置cookie
Cookies.set(name, value, { path: '' })
// 删除cookie
Cookies.remove(name, { path: '' })

（4） cookie为对象

//设置cookie
const obj = { name: '小红' }
Cookies.set('user', obj)
// 获取cookie
JSON.parse(Cookies.get('user'))

 4.封装（一般用到的都是使用指定名字的cookie情况多）

import Cookies from 'js-cookie'
const TokenKey = 'access-token'
const RefreshTokenKey = 'refresh-token'
export function getToken() {
    return Cookies.get(TokenKey)
}

export function setToken(token) {
    return Cookies.set(TokenKey, token)
}

export function getRefreshToken() {
  return Cookies.get(RefreshTokenKey)
}

export function setRefreshToken(token) {
  return Cookies.set(RefreshTokenKey, token)
}

export function removeToken() {
    return Cookies.remove(TokenKey)
}

export function removeRefreshToken() {
  return Cookies.remove(RefreshTokenKey)
}