Cookie 的 SameSite 属性

港控/mmm° 2022-10-29 05:18 171阅读 0赞

### 文章目录 ###

*   *   *  1 Strict
         *  2 Lax
         *  3 None
     *

Cookie 的 `SameSite`属性用来限制第三方 Cookie，从而减少安全风险。

它可以设置三个值。

>  *  Strict
>  *  Lax
>  *  None

### 1 Strict ###

`Strict`最为严格，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。换言之，只有当前网页的 URL 与请求目标一致，才会带上 Cookie。

>     Set-Cookie: CookieName=CookieValue; SameSite=Strict;

这个规则过于严格，可能造成非常不好的用户体验。比如，当前网页有一个 GitHub 链接，用户点击跳转就不会带有 GitHub 的 Cookie，跳转过去总是未登陆状态。

### 2 Lax ###

`Lax`规则稍稍放宽，大多数情况也是不发送第三方 Cookie，但是导航到目标网址的 Get 请求除外。

>     Set-Cookie: CookieName=CookieValue; SameSite=Lax;

导航到目标网址的 GET 请求，只包括三种情况：链接，预加载请求，GET 表单。详见下表。

<table> 
 <thead> 
  <tr> 
   <th align="left">请求类型</th> 
   <th align="center">示例</th> 
   <th align="right">正常情况</th> 
   <th align="left">Lax</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">链接</td> 
   <td align="center"><code>&lt;a href="..."&gt;&lt;/a&gt;</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">发送 Cookie</td> 
  </tr> 
  <tr> 
   <td align="left">预加载</td> 
   <td align="center"><code>&lt;link rel="prerender" href="..."/&gt;</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">发送 Cookie</td> 
  </tr> 
  <tr> 
   <td align="left">GET 表单</td> 
   <td align="center"><code>&lt;form method="GET" action="..."&gt;</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">发送 Cookie</td> 
  </tr> 
  <tr> 
   <td align="left">POST 表单</td> 
   <td align="center"><code>&lt;form method="POST" action="..."&gt;</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">不发送</td> 
  </tr> 
  <tr> 
   <td align="left">iframe</td> 
   <td align="center"><code>&lt;iframe src="..."&gt;&lt;/iframe&gt;</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">不发送</td> 
  </tr> 
  <tr> 
   <td align="left">AJAX</td> 
   <td align="center"><code>$.get("...")</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">不发送</td> 
  </tr> 
  <tr> 
   <td align="left">Image</td> 
   <td align="center"><code>&lt;img src="..."&gt;</code></td> 
   <td align="right">发送 Cookie</td> 
   <td align="left">不发送</td> 
  </tr> 
 </tbody> 
</table>

设置了`Strict`或`Lax`以后，基本就杜绝了 CSRF 攻击。当然，前提是用户浏览器支持 SameSite 属性。

### 3 None ###

Chrome 计划将`Lax`变为默认设置。这时，网站可以选择显式关闭`SameSite`属性，将其设为`None`。不过，前提是必须同时设置`Secure`属性（Cookie 只能通过 HTTPS 协议发送），否则无效。

下面的设置无效。

>     Set-Cookie: widget_session=abc123; SameSite=None

下面的设置有效。

>     Set-Cookie: widget_session=abc123; SameSite=None; Secure

##  ##