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

最新推荐文章于 2023-10-16 17:35:56 发布
原创 最新推荐文章于 2023-10-16 17:35:56 发布 · 3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文介绍了在谷歌浏览器91及以上版本中，由于默认禁用了SameSiteByDefaultCookies和cookies-without-same-site-must-be-secure，导致本地localhost请求不携带cookie的问题。提供了禁用该特性的临时解决方案和修改localhost为127.0.0.1的方法。

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的问题

解决程序访问网页没有Cookie的问题。
d3582077的专栏
01-14 1719
*获取网站的Cook,cook储存在response.Cookies*/上面Cookie里的Domain填的是网站服务器的主机名，可填IP地址。/*访问该网站，把获得的Cook再传过去*///读取网站里的所有数据。//读取网站里的所有数据。/*设置Cookie*/
Chrome跨域访问网络请求Cookies丢失的解决办法
专注成就非凡
10-16 3330
对于需要跨域访问（包括局域网下不同IP的访问）时，若不取消Chrome的强制限制，则会无法正常访问。若两个域名使用不同的权限认证时，保存在Cookie中的身份信息会丢失。
Chrome 90.0.4430.72（正式版本） （64 位）
04-19
Chrome 90.0.4430.72（正式版本） （64 位），官方下载的独立安装包
本地开发chrome无法携带cookie的解决办
helloschurmi的博客
03-02 1678
修改浏览器配置 低版本的Chrome浏览器 例如89版 修改SameSite 的解决办法网上有很多；但是对于最新版，大于91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，暂时没有好的解决办法 vue使用代理 在使用vue-cli3版本 可以在vue.config.js中添加代理到本地 devServer: { proxy: { '/api': { target: 'htt
Chrome调试时跨站不能设置cookie问题
Mr_TianChen的博客
08-12 3833
一直使用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 3085
1.Chrome80 Chrome升级到80版本之后cookie的SameSite属性默认值由None变为Lax，这也就造成了一些访问跨域cookie无法携带的问题。比如本地调试时使用http://localhost:3000/，而cookie是种在测试环境路径下这就造成本地调试跨域访问不通了。可以考虑在本地开发环境下disable该SameSite属性。在Chrome中访问chrome://flags/，搜索SameSite并设置为disabled即可。 2. Chrome 90 直接把选项给关
谷歌浏览器加速插件.zip
02-10
谷歌浏览器（Chrome）是一款非常流行的网络浏览器，以其稳定性和高性能受到全球用户的喜爱。然而，在浏览网页时，有时可能会遇到页面加载速度慢的问题，这可能是由于网络状况、浏览器缓存、过多的扩展程序或其他因素...
chrome浏览器发送axios请求无法携带cookies问题，踩坑记录
qq_40825921的博客
07-28 1978
最近在自习vue，在github上找了一个有前端和后端的项目，主要是有真实的数据请求。项目地址github.com/bailicangdu… ，但是项目是好几年前的，我是用的vue2.6，所以只能参考一下大佬的代码，然后配置那些都要自己慢慢琢磨了。 在本地进行登录请求的时候遇到了一些问题，在这里记录一下，也给其他网友一点参考意见，毕竟自己踩了两天，可能是基础知识有点薄弱，刚好也学习总结一下。我的chrome版本是版本 85.0.4183.121（正式版本） （64 位） 在进行登录请求的时候，一直提示我
谷歌浏览器新版本Chrome 80默认SameSite导致跨域登录状态失效的问题
热门推荐
随风丶逆风的博客
03-13 4万+
大概新年新气象吧，大家复工之后都追求一个“新”，不少用户升级到了Chrome 80，然后发现登入成功之后总是重定向回统一登录页，然后头秃的我感觉头上更凉了。 定位问题 生产环境出了问题，肯定得赶紧寻找问题根源啊。（三步走路子） 第一步，最先以为cookie失效的问题，于是远程用户，发现浏览器cookie设置正常，域名下cookie也有值，但就是带不过去后台，于是开始怀疑跨域出了问题。 第二步，遂...
谷歌浏览器跳转到ie浏览器.rar
08-22
通过以上步骤，我们可以实现从谷歌浏览器到IE浏览器的跳转，满足那些只支持IE浏览器的应用需求。这个过程涉及到的身份验证、浏览器检测、重定向技术和兼容性处理都是IT领域中常见的问题，也是开发者需要掌握的重要...
谷歌浏览器打开网站时报错error usercheck 118 用户信息不能获取! 您必须允许浏览器使用Cookie
最新发布
07-14
谷歌浏览器在访问某些网站时，可能会由于 Cookie 被阻止而导致 `error usercheck 118` 错误。该问题通常与浏览器的安全策略有关，尤其是跨域请求中 Cookie 的携带和存储限制。 ### 一、检查并启用 Cookie 设置 ...
Chrome80、91版本跨域请求接口未携带cookie JSESSIONID问题
lihefei_coder的博客
08-04 7523
浏览器更新后发现登录接口莫名验证失败，比对请求参数后发现，发送第二次请求时cookie未携带第一次请求成功后端设置的JSESSIONID，导致后端接口又设置新的JSESSIONID，后面的请求因JSESSIONID不同验证不通过。 在网上搜索问题找了原因，是因为浏览器升级后对跨域接口默认的安全策略变了，需要手动修改策略。 解决方案 1.如果是用axios请求接口，先设置 axios.defaults.withCredentials = true 2.打开谷歌浏览器在Chrome中访问chrome://fla
关于本地调试不携带cookie
high32的博客
10-02 3305
最近做公司vue老项目，登录成功后又调取其他接口来获取个人信息，发现在线上运行正常，到了本地调试接口报401，跳转登录页面，登录页面判断已登录又去调个人信息的接口，接口报401又跳转登录页面，无限循环下去了…… 通过比较发现，这个获取个人信息的接口在本地调试时没有携带cookie，而在线上却携带了。 问了其他同事，说换火狐浏览器，还要是低版本的。之前就听说过这样的情况是浏览器机制的问题，谷歌和edge不行，只有火狐好使，我在想到底是什么机制 ，没听说过呢？这次遇到，是时候要清楚了。 说要低版本火狐是吧，首先
判断当前浏览器不支持或Cookie已被禁用呢？可以使用以下js代码：
JHON_03的博客
08-12 1979
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 1556
解决 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 510
作为基于H5网页无插件直播的互联网直播平台，TSINGSEE青犀视频的权限产品都是基于H5播放，所以对浏览器的兼容性要求比较高。最近，谷歌最新版本更新之后，我们突然发现post请求就无法携带cookie了，到度娘上一搜索，发现很多用户都因为该问题导致了程序报错，花费了不少时间在排查上面。同样我们也因为该问题，导致用户调用EasyNVR的接口报错。 观察这两个请求，发现是在请求头里面一个有cookie，一个没有cookie；有cookie的请求成功了，没有cookie的请求失败了。 因为程序没有改
localhost无法访问请求，请求没有cookie
Cinderellahh92的博客
04-29 865
到： chrome://flags/ 将samesite设置为disabled即可
谷歌浏览器跨域丢失Cookie问题
YangzaiLeHeHe的博客
10-23 5071
文章目录谷歌浏览器跨域丢失Cookie问题一、问题背景交代二、分析2.1、整体调用链路2.2、复现2.3、分析三、原因四、解决4.1、治标4.2、治本 谷歌浏览器跨域丢失Cookie问题 一、问题背景交代 公司内部系统A页面内嵌系统B的界面。当在A系统的界面中点击B系统图标跳转时此时跨域，导致跳转后的界面空白，A系统会向B系统发送一些请求参数，而B系统没有拿到这些参数，导致重定向后的界面空白。 二、分析 2.1、整体调用链路 2.2、复现 这个问题在Chrome浏览器【我本地的】100%复现，后来切换到了
谷歌 使用 iframe 标签,标签内发送的请求没有携带cookie的问题
brilliantSt的博客
07-01 4671
问题描述： 项目中需要使用 iframe 标签来嵌入之前做过的页面，但是发送请求时没有携带cookie； 问题解析： 这是因为Chrome 80版本及以上默认是禁止第三方cookie的（具体修改信息请查看 这篇文章 ），需要后端修改； 解决方式： 后端设置cookie的时候加一句 SameSite=None;如果后端暂时没有时间修改，可以先拿火狐浏览器开发… ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值