Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何保存身份验证令牌?_Reactjs_Local Storage_Session Storage - Fatal编程技术网

Reactjs 如何保存身份验证令牌?

Reactjs 如何保存身份验证令牌?,reactjs,local-storage,session-storage,Reactjs,Local Storage,Session Storage,React网站有以下要求: 在“新建”选项卡中打开当前网站的页面时保持登录状态 如果浏览器关闭并重新打开,则注销 在页面刷新时保持登录状态 IE11支持:( 如果我在sessionStorage中保留auth令牌,则它满足2的要求,但不满足1的要求。 如果我使用localStorage-1而不是2 如果我使用: window.onunload = () => { localStorage.removeItem('authtoken'); }; 它满足1和2个条件,但当我刷新页面时,它

React网站有以下要求:

  • 在“新建”选项卡中打开当前网站的页面时保持登录状态
  • 如果浏览器关闭并重新打开,则注销
  • 在页面刷新时保持登录状态
  • IE11支持:(
  • 如果我在sessionStorage中保留auth令牌,则它满足2的要求,但不满足1的要求。
    如果我使用localStorage-1而不是2

    如果我使用:

    window.onunload = () => {
      localStorage.removeItem('authtoken');
    };
    
    它满足1和2个条件,但当我刷新页面时,它也会清除存储空间,这不应该发生

    这个检查页面是否正在刷新的解决方案不能在IE11中使用

    那么,我应该如何保存身份验证令牌?有什么方法可以保存吗?也许可以防止在React中刷新时卸载事件?

    您可以使用

  • 当您在不同的选项卡中打开同一个网站时,它会保持其价值

  • 一旦浏览器退出,它们就会过期。

  • 它在页面刷新时保持其值

  • 它适用于IE11,但也有一些警告。