layui弹出界面空白页问题

8 篇文章 0 订阅
8 篇文章 0 订阅

弹出界面时,有时会出现空白界面,应该如何处理?

1 尝试解决方式:在open方法的success回调方法中,获取当前iframe高度,重新赋予新的高度;

let ifr = layero.find('iframe')[0];
let bHeight = ifr.style.height;
let bHeightNum = parseInt(bHeight);
bHeightNum++;
$(ifr).css('height', bHeightNum + 'px');

2 上面方案执行之后,仍然存在弹出空白界面问题,苦思问题,偶然发现,当长时间不切换界面时,点击页面弹出,有如下提示:

Uncaught DOMException: Blocked a frame with origin “*” from accessing a cross-origin ……
iframe跨域问题

3 进行步骤2操作之后,发现如果长时间停留在一个界面,再从这个界面打开某个界面时,会出现空白界面,原因是(微信公众号进行过网页授权)

https://open.weixin.qq.com/connect/oauth2/authorize?appid=&redirect_uri=&response_type=code&scope=snsapi_userinfo&state=STATE
进行授权后无进一步操作造成,至于如何修改,暂时没有方法
https://open.weixin.qq.com/connect/oauth2/authorize?appid=&redirect_uri=&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1

4 经过一些猜测,会不会是access_token过期,造成界面重定向,决定实验一下

在页面跳转之前,先获取授权获取的access_token,如果过期,则使用refresh_token进行获取,结果access_token还未过期,就弹出了空白页;

5 今天突然想到,session是有保存时间的,如果将session的保存时间设置的长一些,是否可以避免出现这个问题

想到就去做,于是增加了时长设置,发现的确没有出现空白页,继续测试……

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FlYFlOWERANDLEAF

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值