chrome浏览器a标签跳转打开新页面sessionStorage丢失
背景介绍
公司要求用vue开发一个简单的官网,但是这个网站要嵌入公司之前的项目,登录鉴权这一块就很恶心,一方面要开发新需求,另外也要把原项目的部分功能拿过来直接用。
看了原项目,用的是sessionStorage存储sessionid以及一些用户信息,于是我这边系统登录也用了原系统的登录接口,存储信息到sessionStorage。
问题
现在的问题就是原项目里面也有很多子系统,子系统是单独打开的新页面,即a标签
<a href="${options.url}" target="_blank" >
结果打开的新页面提示登录超时,原因是sessionStorage里面存储的数据没带到新打开的页面去
解决
<a href="${options.url}" target="_blank" rel="opener">
标签上添加rel=”opener”即可