插件js-cookie的使用

1、下载

npm install --save js-cookie

 2、引入

（安装js-cookie插件后，在我们需要处理cookie的地方，通过import引入就可以使用了）

import Cookies from 'js-cookie'

 3、js-cookie的添加 获取 删除

添加cookie 

// 创建一个名称为name，对应值为value的cookie，由于没有设置失效时间，默认失效时间为该网站关闭时
Cookies.set(name, value)

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

// 创建一个带有路径的cookie
Cookies.set(name, value, { path: '' })

// 创建一个value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)

获取cookie

// 获取指定名称的cookie
Cookies.get(name) // value

// 获取value为对象的cookie
const obj = { name: 'ryan' }
Cookies.set('user', obj)
JSON.parse(Cookies.get('user'))

// 获取所有cookie
Cookies.get()

删除cookie

// 删除指定名称的cookie
Cookies.remove(name) // value

// 删除带有路径的cookie
Cookies.set(name, value, { path: '' })
Cookies.remove(name, { path: '' })

举例子

auth.js

import Cookies from 'js-cookie'
const TokenKey = 'token'
export function getToken() {
  return Cookies.get(TokenKey)
}
export function setToken(token) {
  return Cookies.set(TokenKey, token)
}
export function removeToken() {
  return Cookies.remove(TokenKey)
}

request.js

import axios from "axios"
import { getToken } from '../utils/auth'
// 创建axios实例
const service = axios.create({
    baseURL: process.env.VUE_APP_BASE_API, // api 的 base_url
    timeout: 5 * 60000 // 请求超时时间
})
// request拦截器
service.interceptors.request.use(config => {
    if (getToken()) {
        config.headers['Authorization'] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
      }
    // config.headers['Authorization'] = " bearer 3d366c4e-2697-4f07-b621-b139b4c18d61"
    return config;
})
// response 拦截器
service.interceptors.response.use(res => {
    return res;
})
export default service

使用