技术分享 网页前端 查看内容

页面iframe嵌套登录页面跨域问题解决办法

老高 | 发布于 2021-01-14 13:27| 浏览()| 评论() | 收藏() | 点赞() | 打印

摘要: 一般页面的登录页面为了安全都是单独的页面,所以别的页面登录的时候往往要嵌套登录页面进行登录,有时候域名和登录页面的域名不一样就会跨域,子父页面不能进行传递信息。

场景:

一般页面的登录页面为了安全都是单独的页面,所以别的页面登录的时候往往要嵌套登录页面进行登录,有时候域名和登录页面的域名不一样就会跨域,子父页面不能进行传递信息。

解决办法:

父页面:

window.addEventListener("message", function(e) {
    console.log(e.data);
}, false);

子页面:

window.parent.postMessage({
    data: "message"
}, "*");


发表评论(对文章涉及的知识点还有疑问,可以在这里留言,老高看到后会及时回复的。)

表情