乐趣区

关于前端:sessionStorage-踩坑记

背景 :从 page1 页面跳转到 page2 页面,page1、page2 别离属于 A、B 两个前端 react 我的项目。

问题 :本地别离启动 A、B 两个我的项目,在浏览器中拜访 page1(开发环境在 url 中带有 token 参数,而后保留在 sessionStorage 中),从 page1 用 location.href 跳转到 page2,在 page2 中实现业务操作,而后用 location.href 跳转回 page1,因为短少 token 报错。

剖析 :跳转过程中都是在同一个页签下,泛滥周知,sessionStorage 中的值能够保留到敞开页签时,也就是说,只有从新关上页签才会失落 sessionStorage 中的值。那么下面的报错是怎么产生的呢?原来,origin 的扭转也会清空 sessionStorage 中的值。也就是说,协定、域名、端口号其中任意一个值扭转都会引起 sessionStorage 被清空。

解决 :既然曾经发现问题的本源,那么解决起来就很简略了。两种形式:其一,在 A 我的项目中设置代理,在不扭转 origin 的状况下跳转;其二,在跳转链接中拼接 token 参数。

阐明 :生产上个别不会存在这个问题,因为同一个公司的前端我的项目 origin 个别是雷同的。

退出移动版