在iframe中嵌套其他网页项目后被嵌套的项目设置cookie无效

最直接的解决方案,不用考虑是开发还是生产,也不用考虑是否是https

直接将设置cookie的方法改为缓存,如下:

setCookies(name, value) {
	//修改点:改用缓存,去掉原先的cookie设置方法,使用localStorage.setItem
	localStorage.setItem(`${name}${strSuffix}`, value)
},
getCookies(name) {
    //修改点:改用缓存,去掉原先的cookie获取方法,使用localStorage.getItem
	const strItem = localStorage.getItem(`${name}${strSuffix}`)
	return strItem
},

至于其他的解决方法我也没试过,我简单介绍一下

1.同源策略,需要将两个项目都放在同一个域名下(同个域名的子域名也算),例如:A使用iframe嵌套B,A域名:https://www.ceshiyuming.a.com;B域名:https://www.ceshiyuming.b.com
这个主要是必须是https并且要部署在生产环境,自己调试太麻烦

2.在设置cookie的时候附加SameSite=none;Secure(A和B必须都是https的域名,这种方式不要求同源),例如:还是A和B,B是在iframe中,在B设置cookie的时候加入SameSite=none;Secure

function setCookies(name, value){
  document.cookie=`${name}=${value};SameSite=none;Secure`
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值