在开发过程中用的前端框架是LayUI,采用的是左侧菜单,右侧内容的排版。
右侧内容是用IFrame嵌套的。
当用户会话过期时操作右侧IFrame中的内容时,会出现右侧进入一个登录页面,而左侧还是菜单,需要用户手动刷新整个页面,这样很不友好。
如下图:
这里在JS中处理整个问题,避免出现这种情况。
在login页面中加入一段代码:
if(top.location != location) { top.location.href = location.href; }
加入这段代码就可以处理IFrame中出现登录页面的情况。