Chrome 80 Cookie跨域 Samesite Lax 的错误
学会调试工具,如Chrome DevTools,定位和修复代码错误。 #生活技巧# #学习技巧# #编程学习技巧#
本地局域网 前后端分离 的项目,前端是192.168.123.90,后端是192.168.123.2。今天早上发现用户登录报告登录失败(本质原因是无法设置cookie)。一开始以为后端出问题了,但最近没改用户登录的相关逻辑,后来换火狐、 edge 是可以的,并且有些人的 Google 可以正常登录。
有问题的Google浏览器的调试信息报告以下错误:
设置cookie时提示:This set-cookie didn't specify a "SameSite" attribute and was defaulted to "SameSite=Lax" and broke the same rules specified in the SameSiteLax value
结合以上分析,初步判断是新版的Google浏览器对于Cookie跨域的限制问题。
经过查询资料发现:
从Chrome 51开始,浏览器的Cookie新增加了一个SameSite属性,用来防止CSRF攻击和用户追踪。该设置当前默认是关闭的
在Chrome 80之后,该功能默认已开启。
对于Google 80之后的浏览器
1.1 禁用SameSiteGoogle浏览器访问 chrome://flags/#same-site-by-default-cookies地址,设置cookie的该选项为禁用,然后重启浏览器。

set-cookie时,将SameSite属性值改为None, 同时将secure属性设置为true。但此时后端服务的域名必须使用https协议访问。
最佳方案是用token代替Cookie方式作验证用户登录
2、SamesiteCookie 的 SameSite 属性用来限制第三方 Cookie,从而减少安全风险。

它可以设置三个值:
StrictLaxNone 2.1 StrictStrict最为严格,完全禁止第三方 Cookie,跨站点时,任何情况下都不会发送 Cookie。换言之,只有当前网页的 URL 与请求目标一致,才会带上 Cookie。
Set-Cookie: CookieName=CookieValue; SameSite=Strict;
bash
1这个规则过于严格,可能造成非常不好的用户体验。比如,当前网页有一个 GitHub 链接,用户点击跳转就不会带有 GitHub 的 Cookie,跳转过去总是未登陆状态。
2.2 LaxLax规则稍稍放宽,大多数情况也是不发送第三方 Cookie,但是导航到目标网址的 Get 请求除外。
Set-Cookie: CookieName=CookieValue; SameSite=Lax;
markup
1导航到目标网址的 GET 请求,只包括三种情况:链接,预加载请求,GET 表单。详见下表。
请求类型示例正常情况Lax链接<a href="..."></a>发送 Cookie发送 Cookie预加载<link rel="prerender" href="..."/>发送 Cookie发送 CookieGET 表单<form method="GET" action="...">发送 Cookie发送 CookiePOST 表单<form method="POST" action="...">发送 Cookie不发送iframe<iframe src="..."></iframe>发送 Cookie不发送AJAX$.get("...")发送 Cookie不发送Image<img src="...">发送 Cookie不发送设置了Strict或Lax以后,基本就杜绝了 CSRF 攻击。当然,前提是用户浏览器支持 SameSite 属性。
2.3 NoneChrome 计划将Lax变为默认设置。这时,网站可以选择显式关闭SameSite属性,将其设为None。不过,前提是必须同时设置Secure属性(Cookie 只能通过 HTTPS 协议发送),否则无效。
下面的设置无效。
Set-Cookie: widget_session=abc123; SameSite=None
bash
1下面的设置有效。
Set-Cookie: widget_session=abc123; SameSite=None; Secure
bash
1参考链接:http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html
网址:Chrome 80 Cookie跨域 Samesite Lax 的错误 https://www.yuejiaxmz.com/news/view/1445785
相关内容
健康美容生活秘籍document.domain 跨子域
浏览器设置阻止第三方Cookie保护自己隐私
LAX机场生存指南,麻麻再也不怕我迷路了
Chrome、Safari、Edge、Firefox 桌面浏览器对比,谁才是最佳选择
Google Chrome谷歌浏览器清理缓存的常用方法
如何在Chrome浏览器中清除网页的缓存数据【详细介绍】
Google Chrome 网络浏览器
点击 Get跨域数据安全风险检查清单
错误 101 (net::ERR

