chrome新版本中iframe嵌套cookie跨域携带问题

新版Chrome浏览器在更新后,默认屏蔽了第三方Cookie,导致iframe嵌套页面无法显示。此问题源于Chrome对Cookie的SameSite属性升级,以防止CSRF攻击和用户追踪。解决方法包括确保iframe和父页面同源策略共享cookie,或者在HTTPS环境下设置Cookie时添加secure和SameSite=None属性。Chrome浏览器中可以通过修改实验性标志禁用默认的SameSite策略作为临时解决方案。
摘要由CSDN通过智能技术生成
问题:

新版chrome浏览器嵌套frame页面一直没法显示出来(空白页面),页面未报错

问题分析:

Google 在2020年2月4号发布的 Chrome 80 版本默认屏蔽所有第三方 Cookie,

即默认为所有 Cookie 加上 SameSite=Lax 属性(https://www.chromestatus.com/feature/5088147346030592),并且拒绝非Secure的Cookie设为 SameSite=None(https://www.chromestatus.com/feature/5633521622188032)

SameSite的作用就是防止跨域传送cookie,从而防止 CSRF 攻击和用户追踪,从源头屏蔽 CSRF 漏洞。

处理方式:

1.iframe父子级页面保证ip和域名一致,保证同源策略cookie共享
2.https协议下设置cookie添加secure和samesite属性

import Cookies from 'js-cookie'
/**
 * 存token
 * @param {*}
 */
export function
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值