sendBeacon在beforeunload处理程序中不起作用

Question

我在React组件中有以下useEffect钩子：

useEffect(() => {
    const handleUnload = function (event) {
        navigator.sendBeacon("https://webhook.site/8c3a42ce-c525-4a84-8783-f65175ed1297", JSON.stringify({ "foo": "bar" }));
    }

    window.addEventListener('beforeunload', handleUnload);

    return () => {
        window.removeEventListener('beforeunload', handleUnload);
    }

}, []);

其中URL只是一些我已确认正在使用Postman正常工作的测试服务器。但是，当我关闭浏览器时，未收到请求。

我有2个问题：

1. 为什么这不起作用？

2. 是否可以使用sendBeacon发送一系列javascript对象？

非常感谢