当前位置:   article > 正文

iframe缓存问题

iframe缓存

页面中嵌入iframe出现了缓存,带来的页面刷新问题
工作中碰到的问题
包含iframe的页面,iframe中存在登陆验证的问题。当通过iframe已经完成了登陆,此时iframe对应的服务异常上下电又恢复了服务时,这时再刷新整个页面,即使用新的登陆验证信息依然无法验证通过。
通过对iframe里请求的分析发现,刷新后请求头依然使用的是之前的验证信息(token和session)。

一般的做法
1, 前端:在iframe指向的页面地址后缀添加一个时间戳。确保每次加载时,让浏览器知道它是最新的页面,避免缓存。
var ts = new Date().getTime()
<iframe src=“http://xxx/xxx/xxx.html?_” + ts>
2, 服务端:修改Response的头信息
Header:
“Cache-Control”: “no-cache”
分析根源
1, 卸载页面前,观察iframe指向页面中的session和cookie残留情况
window.location.href = “about:blank”
查看浏览器本地的cookie和session情况

2, 在卸载页面前,调用相应的方法清除页面卸载后残留的cookie和session

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/148176?site
推荐阅读
相关标签
  

闽ICP备14008679号