虚幻UE5数字孪生蓝图开发教程

背景：从A网页跳转到B网页，如果两个网页的协议、地址、端口只要有一个不同，基于浏览器的同源策略，这两个页面中的localStorage、sessionStorage、cookie中的数据都不能共享

1.A页面引入iframe标签,src为B页面的地址

2.A页面发送数据

当进行登录操作的时候，把A页面获取到的token发送到B页面

const login = () => {
    //调用登录接口 
    ...

    if(res.code == 200){
        const data = {
            token:res.data.token,
            rfToken:res.data.rfToken,
        }
        let iframe = document.getElementById("iframe")
        iframe.contentWindow.postMessage(JSON.stringify(user), "http://192.192.192.192:30529/homeView")
        
    }

}

 iframe.contentWindow.postMessage第一个参数为需要发送的数据，第二个参数为B页面的地址

3.B页面接受数据

window.addEventListener("message", e => {
    window.localStorage.setItem("user", JSON.parse(JSON.stringify(e.data)))
})

e.data为A页面发送过来的数据，接收到的数据并不能直接被使用，但是可以储存在本地localStorage中