最直接的解决方案,不用考虑是开发还是生产,也不用考虑是否是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`
}