js來讀寫cookie操作

2021-08-05 20:49:15 字數 1046 閱讀 3724

因為之前公司的專案前後端是在一起的,因為要用vue來重構之前的專案。所以token簽名要作為乙個引數傳遞到後台。所以就遇到兩個問題,1 token的儲存和獲取的問題。 2 token 判斷。判斷使用者是否用token值。

首先先說一下 token的儲存和獲取問題。

相信本地儲存的操作大家都會不在具體闡述,先說一下本地儲存中遇到的問題。右鍵開啟新連線(如下圖操作)

在新連線的開啟頁面中,要重新登陸。相信大家都不想再次登陸吧,這樣體驗會很不友好。然後發現本地儲存的東西都是只有在當前頁面的當前網域名稱下。所以只能存在cookie裡面了,cookie裡面不會出現這個問題。具體要說cookie的涉及的內容較多詳細資訊就不再多說,下面只說一下js來控制cookie的操作。

1 設定cookie

document.cookie="name="+username;

例如 document.cookie="access_token=" + val;

2 讀取(在控制台裡面 直接輸入 document.cookie 就可以返回 該網域名稱下的 cookie 資訊,就是字串,也就是說js進行字串操作)

function getcookie(name)

3 刪除

//獲取當前時間 

var date=new date();

//將date設定為過去的時間

date.settime(date.gettime()-10000);

//將userid這個cookie刪除

document.cookie="name=val; expires="+date.togmtstring();

判斷使用者是否有token,是在路由裡面去判斷,也就是在攔截的時候去判斷是否有token。

js中cookie讀寫操作示例

cookie是有有效期的,cookie的預設有效期是從cookie生成至瀏覽器關閉,也可以通過設定cookie的有效期來指定其失效日期 使用者也可以禁止cookie也可以手動刪除cookie。cookie是一小段資訊,以鍵 值對的資訊儲存在計算機硬碟上的字串,cookie儲存容量大概在4kb,不同的...

js中的cookie的讀寫操作

cookie cookie是一小段資訊,以鍵 值對的資訊儲存在計算機硬碟上的字串,cookie儲存容量大概在4kb,不同的瀏覽器廠家對cookie大小的限制有微微的差異 cookie主要的本質是 識別 通過識別來做一些事情 cookie 也是無法從你的硬碟取得任何其它資料,傳送電腦病毒或者獲取你的電...

Cookie 讀,寫,刪除操作

cookie的幾種常見屬性 document.cookie key value expires 失效時間 path 路徑 domain 網域名稱 secure secure表安全級別 name cookie date 2018 04 12 寫入cookie setcookie name admin,...