chrome浏览器a标签跳转打开新页面sessionStorage丢失

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”即可

    原文作者:玄尘若风
    原文地址: https://blog.csdn.net/qq_27525959/article/details/115942298
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞