美文网首页
iframe内页面cookie同步解决方案

iframe内页面cookie同步解决方案

作者: 是嘤嘤嘤呀 | 来源:发表于2020-02-19 21:56 被阅读0次
解决思路

通过form表单提交post请求,通过target关联iframe渲染结果,参考:https://stackoverflow.com/questions/4701922/how-does-facebook-set-cross-domain-cookies-for-iframes-on-canvas-pages

代码片段
<form action="your_post_action" method="post" target="myframe" id="myform">
    <input type="submit" value="提交" id="btn" />
</form>
<iframe name="myframe"></iframe>

说明

your_post_action:负责setCookie和重定向到真实要渲染在iframe里的地址,需要注意的是:
1、your_post_action必须是post请求;
2、your_post_action接口和最后要访问的页面,hostname最好相同,否则还要解决set不了cookie的问题。后端setcookie不成功和iframe内http请求携带不了cookie是两回事。

举个栗子
// 后端有个接口叫set_cookie_for_iframe
app.post("/set_cookie_for_iframe",function(req,res){
  res.cookie("name",'zhangsan', {maxAge: 900000, domain: "192.168.189.210"});  
  res.redirect('http://192.168.189.210:30008/');
});

// 前端:method必须是post
<form action="http://192.168.189.210:8000/set_cookie_for_iframe" method="post" target="myframe" id="myform">
    <input type="submit" value="提交" id="btn" />
</form>
<iframe name="myframe"></iframe>

相关文章

  • iframe内页面cookie同步解决方案

    解决思路 通过form表单提交post请求,通过target关联iframe渲染结果,参考:https://sta...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • Iframe

    iframe 用于在网页内显示网页。 添加iframe的语法 URL 指向隔离页面的位置 Iframe - 设置高...

  • HTML Iframe内联框架

    iframe用于在网页内显示网页。 添加iframe的语法 URL指向隔离页面的位置。 iframe - 设置高...

  • Google Chrome 83版本后iframe内嵌页面coo

    Google Chrome 83版本后iframe内嵌页面cookie问题 Chrome 51 开始,浏览器的 C...

  • WKWebView问题优化指南了

    一、Cookie不能同步和丢失 首次加载页面的时候带不上 Cookie; Ajax 类型的请求带不上 Cookie...

  • iframe标签插入音乐

    1、iframe标签是框架的一种形式,也比较常用到,iframe一般用来包含别的页面。iframe标签内的内容可以...

  • Ant Design Mobile高清方案后iframe变形

    因高清脚本全局加载,造成缩放作用于iframe,进而iframe内样式变形临时解决方案:方案1:独立出高清脚本,按...

  • iframe去掉滚动条的方法

    1.主页面的iframe scrolling 属性设置为 yes 或者 atuo 2.子页面内 body 样式设置...

  • iframe影响浏览器页面跳转

    原因 主要是由于浏览器history记录了iframe嵌入页面的路由信息,这个信息不论是iframe内的地址跳转,...

网友评论

      本文标题:iframe内页面cookie同步解决方案

      本文链接:https://www.haomeiwen.com/subject/gipzfhtx.html