js-cookie使用心得

项目是vue项目，其中cookie操作采用了github上面比较火热的js-cookie，这里结合需求总结体会。

首先安装

npm install js-cookie --save

其次结合项目，我这里是封装成公共方法写了个专门的js存放cookie的操作。

import Cookies from 'js-cookie'

const TokenKey = 'token'

export function getToken () {
  return Cookies.get(TokenKey)
}

export function setToken (token) {
  return Cookies.set(TokenKey, token, {domain: 'a.com'})
}

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

这里使用了domain，以实现登录集中管理子系统。在删除cookie的时候遇到了问题。

cookie删除不了，有些地方导致页面进入死循环。后来想到path

Cookies.remove(TokenKey, {path: ''})

对照路径更改

Cookies.remove(TokenKey, {path: '/'})

最后

Cookies.remove(TokenKey, {domain: 'a.com'})