IT技术 - 在页面重新加载之前执行 http 请求 - 吾爱随笔录

我正在开发一个 React 应用程序，我想在用户尝试关闭页面或重新加载页面时销毁会话。

我尝试过的事情：

window.onbeforeunload = () => true ：这提供了一个带有自定义消息的默认提示。
提示（react-router）：没有捕获页面重新加载
通过 useEffect 中的 eventListener

useEffect(() => {

  window.addEventListener("beforeunload", function(evt) {
    // Cancel the event (if necessary)
    evt.preventDefault();
   
    axios.get('url/destroy').then(res=>  evt.returnValue = '';)
});
  }, []);

面临的问题：请求被取消。

我试图在超时内添加 evt.returnValue = '' 并响应 http 调用。但它也没有奏效。

相同或实现相同的任何解决方法，即在页面重新加载/关闭时进行 http 调用。

提前致谢。

更新 1：

 useEffect(() => {
    window.addEventListener("beforeunload", (e) =>
      alertUser(e, cookies.get("env"))
    );
   
  }, []);
    const alertUser = async (e, tempBool) => {
    e.preventDefault();
    if (tempBool) {
      let blob = new Blob(
        [
          JSON.stringify({
            data: "data",
          }),
        ],
        { type: "application/json" }
      );
      navigator.sendBeacon(
        "ur/destroy_session",
        blob
      );
      e.returnValue = "";
    } else {
      e.returnValue = "";
    }
  };

我想根据特定的 cookie 值发送请求。在这种情况下，在按下重新加载时使用type=ping和在取消时使用type=xhr调用请求

如何在重新加载时只允许 http 调用？