如何在浏览器刷新时等待服务器的响应以将这些数据保存在localStorage中？

Question

在浏览器/页面刷新中，我需要将一些数据保存到localStorage，以便刷新后可以通过localStorage获得角度路由中每个页面的数据。下面没有setTimeout的代码可以正常工作。

@HostListener('window:beforeunload', ['$event'])
  beforeunloadHandler(event) {
    setTimeout(()=>{  
      localStorage.setItem('test','test123');
 }, 3000);
    event.returnValue = false
  }

但是，在某些情况下，在从服务器获取数据的过程中/之前进行刷新。为此，我需要等待浏览器刷新，直到数据来自服务器。 上面的代码仅在取消单击浏览器刷新警告并重新加载时才在localStorage中设置该项目。

如何在重新加载时执行它？ 谢谢。