專案是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'})