项目是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'})

Logo

前往低代码交流专区

更多推荐