vue 項目中踩過的坑

1.不一樣域名之間cookies跨域問題(單點登錄)

在作項目規劃的時候沒有注意cookies共享；
先後臺項目須要共享用戶登錄狀態發現不一樣域名下cookies不能共享
cookies又個domain屬性；給cookies

export function cookiesSet(name, value) {
  return Cookies.set(name, value, { domain: '域名.com', path: '/' })
}

一、Cookie的屬性

屬性名 描述
name Cookie的名稱，Cookie一旦建立，名稱便不可更改
value Cookie的值，若是值爲Unicode字符，須要爲字符編碼。若是爲二進制數據，則須要使用BASE64編碼
maxAge Cookie失效的時間，單位秒。若是爲整數，則該Cookie在maxAge秒後失效。若是爲負數，該Cookie爲臨時Cookie，關閉瀏覽器即失效，瀏覽器也不會以任何形式保存該Cookie。若是爲0，表示刪除該Cookie。默認爲-1。
secure 該Cookie是否僅被使用安全協議傳輸。安全協議。安全協議有HTTPS，SSL等，在網絡上傳輸數據以前先將數據加密。默認爲false。
path Cookie的使用路徑。若是設置爲「/sessionWeb/」，則只有contextPath爲「/sessionWeb」的程序能夠訪問該Cookie。若是設置爲「/」，則本域名下contextPath均可以訪問該Cookie。注意最後一個字符必須爲「/」。
domain 能夠訪問該Cookie的域名。若是設置爲「.google.com」，則全部以「google.com」結尾的域名均可以訪問該Cookie。注意第一個字符必須爲「.」。
comment 該Cookie的用處說明，瀏覽器顯示Cookie信息的時候顯示該說明。
version Cookie使用的版本號。0表示遵循Netscape的Cookie規範，1表示遵循W3C的RFC 2109規範
例如：

document.cookie = "username=1XXXXXX;path=/;domain=.yXXXXX.com"

2.所謂的單點登陸
是指用戶在一個站點如www.yxxx.com登陸後切換到另外一個站點console.yxxx.com時也自動 被console的Server判斷爲已經登陸，反過來，只要用戶在console.yxxx.com登出後，切換到 www.yxxxx.com時後www的Server也會判斷到這一用戶已經登出。

3.Cookie的Domain屬性
咱們重點說一下這個Domain屬性。通常在實現單點登陸的時候會常常用到這個屬性，經過在父級域設置Cookie，而後在各個子級域拿到存在父級域中的Cookie值。好比剛纔設置的username屬性，在yXXX.com下一樣能夠訪問到，用戶不用從新登陸就能夠拿到第一次登陸進來時候的用戶信息，由於這些用戶信息都是存在父級域".yxxxx.com"下面，其餘頁面也能夠拿到。