90版本以上的谷歌浏览器，本地请求不携带cookie

最新推荐文章于 2025-05-18 11:11:50 发布
最新推荐文章于 2025-05-18 11:11:50 发布
阅读量2.8k 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 分享 前端 实践 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/TurtleOrange/article/details/118971762
本文介绍了在谷歌浏览器91及以上版本中，由于默认禁用了SameSiteByDefaultCookies和cookies-without-same-site-must-be-secure，导致本地localhost请求不携带cookie的问题。提供了禁用该特性的临时解决方案和修改localhost为127.0.0.1的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

90版本以上的谷歌浏览器，本地请求不携带cookie

1.发现问题
本地用谷歌浏览器跑localhost代码在登录页面去登录，接口一直报请求超时（之前没有问题），经查看前端在发送请求的时候没有携带cookie（如下图）
在这里插入图片描述

2.产生问题原因
经过测试，谷歌浏览器线上代码没问题√，谷歌浏览器跑本地代码localhost有问题×，火狐浏览器线上代码没问题√，火狐浏览器跑本地代码localhost没有问题√；

原因是：Chrome禁用第三方Cookies的计划，在91版本后谷歌浏览器把same-site-by-default-cookies和cookies-without-same-site-must-be-secure这两选项给关了而且设置成默认开启（开发环境下需要禁用这两项），从而导致了请求时没有携带cookie

3.解决办法
先把谷歌浏览器关闭，鼠标右键谷歌图标，把这句话 --disable-features=SameSiteByDefaultCookies 直接拷贝到目标输入框后面
在这里插入图片描述
效果：
在这里插入图片描述
或者 把http://localhost换成127.0.0.1 （2021.08.25修改）

4.感谢
Chrome/Edge 91版本SameSite by default cookies被移除后的解决方案
google浏览器cookie跨域携带和samesite的问题

chrome浏览器发送axios请求无法携带cookies问题，踩坑记录
qq_40825921的博客
07-28 1923
最近在自习vue，在github上找了一个有前端和后端的项目，主要是有真实的数据请求。项目地址github.com/bailicangdu… ，但是项目是好几年前的，我是用的vue2.6，所以只能参考一下大佬的代码，然后配置那些都要自己慢慢琢磨了。 在本地进行登录请求的时候遇到了一些问题，在这里记录一下，也给其他网友一点参考意见，毕竟自己踩了两天，可能是基础知识有点薄弱，刚好也学习总结一下。我的chrome版本是版本 85.0.4183.121（正式版本） （64 位） 在进行登录请求的时候，一直提示我
Chrome不携带cookie (Node无法使用session保存登录信息)
JIANGhanha的博客
05-20 1344
chrome是不允许跨域请求携带cookie的，也就是说这里的原因就出在这个请求是跨域请求，我们的携带凭证被chrome拦截了。
本地开发chrome无法携带cookie的解决办
helloschurmi的博客
03-02 1635
修改浏览器配置 低版本的Chrome浏览器 例如89版 修改SameSite 的解决办法网上有很多；但是对于最新版，大于91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，暂时没有好的解决办法 vue使用代理 在使用vue-cli3版本 可以在vue.config.js中添加代理到本地 devServer: { proxy: { '/api': { target: 'htt
谷歌浏览器无法在本地手动添加cookie
n_j_q的博客
04-21 556
问题描述：项目需要储存cookie在本地开发调试；但添加cookie后不生效；最后我使用的方法是安装插件
Chrome调试时跨站不能设置cookie问题
Mr_TianChen的博客
08-12 3795
一直使用IIS配置开发前端页面，连接的后台服务，今天开机打开登录发现登陆不成功， 查看请求时发现登陆请求设置的set-cookie path后还跟这一个感叹号， 登陆成功调用其它接口时发现请求没有cookie了， 然后就一通查询啊，发现CHROME 80版本以后，SAMESITE COOKIE验证跨站问题， this set-cookie didn't specify a "SameSite" attribute，然后变成默认Lax。 为了调试的时候会方便点。找了一下怎么关闭chrome的这个选项
关于谷歌无法携带cookie的解决方案
SHUIYI_24的博客
09-02 2936
1.Chrome80 Chrome升级到80版本之后cookie的SameSite属性默认值由None变为Lax，这也就造成了一些访问跨域cookie无法携带的问题。比如本地调试时使用http://localhost:3000/，而cookie是种在测试环境路径下这就造成本地调试跨域访问不通了。可以考虑在本地开发环境下disable该SameSite属性。在Chrome中访问chrome://flags/，搜索SameSite并设置为disabled即可。 2. Chrome 90 直接把选项给关
Chrome80、91版本跨域请求接口未携带cookie JSESSIONID问题
lihefei_coder的博客
08-04 7295
浏览器更新后发现登录接口莫名验证失败，比对请求参数后发现，发送第二次请求时cookie未携带第一次请求成功后端设置的JSESSIONID，导致后端接口又设置新的JSESSIONID，后面的请求因JSESSIONID不同验证不通过。 在网上搜索问题找了原因，是因为浏览器升级后对跨域接口默认的安全策略变了，需要手动修改策略。 解决方案 1.如果是用axios请求接口，先设置 axios.defaults.withCredentials = true 2.打开谷歌浏览器在Chrome中访问chrome://fla
谷歌浏览器加速插件.zip
02-10
谷歌浏览器（Chrome）是一款非常流行的网络浏览器，以其稳定性和高性能受到全球用户的喜爱。然而，在浏览网页时，有时可能会遇到页面加载速度慢的问题，这可能是由于网络状况、浏览器缓存、过多的扩展程序或其他因素...
谷歌浏览器跳转到ie浏览器.rar
08-22
通过以上步骤，我们可以实现从谷歌浏览器到IE浏览器的跳转，满足那些只支持IE浏览器的应用需求。这个过程涉及到的身份验证、浏览器检测、重定向技术和兼容性处理都是IT领域中常见的问题，也是开发者需要掌握的重要...
解决谷歌浏览器无法播放115网盘视频的方法详解
最新发布
mmoo_python的博客
05-18 1146
通过禁用Chrome的SameSite强制策略，可解决90%以上的115网盘视频播放问题。该方法属于临时解决方案，建议持续关注Chrome更新日志企业用户应优先联系115网盘技术支持推动服务端适配开发者在实现跨站功能时，应主动声明Cookie的SameSite属性对于追求长期稳定性的用户，可考虑使用Firefox或Edge浏览器作为替代方案，这些浏览器在Cookie策略上相对宽松。随着Web安全标准的持续演进，类似兼容性问题将成为前端开发的新常态，建立自动化测试体系将是保障服务稳定性的关键。
关于本地调试不携带cookie
high32的博客
10-02 2852
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
判断当前浏览器不支持或Cookie已被禁用呢？可以使用以下js代码：
JHON_03的博客
08-12 1954
var dt = new Date();    dt.setSeconds(dt.getSeconds() + 60);    document.cookie = "cookietest=1; expires=" + dt.toGMTString();    var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1; 
chrome浏览器请求未自动发送cookie
blakecheng的博客
04-23 1478
解决 chrome浏览器请求未自动发送cookie的问题 原因 SameSite 属性 Cookie 的SameSite属性用来限制第三方 Cookie，从而减少安全风险。 它可以设置三个值。 Strict Lax None 2.1 Strict Strict最为严格，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。换言之，只有当前网页的 URL 与请求目标一致，才会带上 Cookie。 Set-Cookie: CookieName=CookieValue; SameSite=S
Google Chrome浏览器不能携带cookie导致RTSP协议视频平台EasyNVR调取接口报错，如何解决？
EasyNVR官方技术博客
09-23 487
作为基于H5网页无插件直播的互联网直播平台，TSINGSEE青犀视频的权限产品都是基于H5播放，所以对浏览器的兼容性要求比较高。最近，谷歌最新版本更新之后，我们突然发现post请求就无法携带cookie了，到度娘上一搜索，发现很多用户都因为该问题导致了程序报错，花费了不少时间在排查上面。同样我们也因为该问题，导致用户调用EasyNVR的接口报错。 观察这两个请求，发现是在请求头里面一个有cookie，一个没有cookie；有cookie的请求成功了，没有cookie的请求失败了。 因为程序没有改
localhost无法访问请求，请求没有cookie
Cinderellahh92的博客
04-29 837
到： chrome://flags/ 将samesite设置为disabled即可
解决chrome浏览器高版本/98版本无法在本地手动添加cookie，刷新无法保留，cookie项报红的问题
LorenaLu的博客
02-14 821
chrome 浏览器cookie问题
前端为什么发请求没有携带cookie？
weixin_48975022的博客
08-02 6924
在前端发送请求时，如果想要携带 cookie，通常只能携带存储在与请求域名相同路径的 cookie。这是由浏览器的同源策略所决定的。同源策略要求请求的域名、协议和端口都必须一致，否则浏览器会限制跨域请求的权限。当浏览器发送跨域请求时，默认情况下不会自动携带 cookie，只有在以下两种情况下才会携带：目标域名设置了允许携带 cookie 的响应头（Access-Control-Allow-Credentials），并且请求的 origin 域名也在目标域名的白名单中。
解决vue项目本地启动时无法携带cookie
小肉包的博客
02-05 6239
解决vue项目打包部署到服务器上可以正常登录，本地启动时无法携带cookie
本地运行vue项目不携带cookie的解决办法
kangluon的博客
03-08 1412
1. 拉了以前的代码运行，发现可以登录 2. 但是很多接口都报错 测试环境以看，请求的地址一样，就是少了cookie 3. 最后发现谷歌浏览器的问题 解决办法： 1. 在地址栏输入 chrome://flags/ 2. 搜索 SameSite 3. 改为disabled重新运行即可 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值