javascript - Navigator.sendBeacon() 传递头信息

Question

我正在使用 navigator用于与服务器通信，但问题是我们需要传递一些 header 信息，因为存在识别请求来自有效来源的过滤器。

有人可以帮忙吗？

谢谢。

Answer 1

查看 Navigator.sendBeacon MDN documentation了解更多信息。

创建一个 blob 来提供标题。这是一个例子:

window.onunload = () => {
  const body = {
    id,
    email,
  };
  const headers = {
    type: 'application/json',
  };
  const blob = new Blob([JSON.stringify(body)], headers);
  navigator.sendBeacon('url', blob);
};

navigator.sendBeacon 将发送一个 POST 请求，其中 Content-Type 请求 header 设置为 headers.type 中的任何内容。根据 W3C，这似乎是您可以在信标中设置的唯一 header 。 :

The sendBeacon method does not provide ability to customize the request method, provide custom request headers, or change other processing properties of the request and response. Applications that require non-default settings for such requests should use the [FETCH] API with keepalive flag set to true.

我能够通过这个 Chromium bug report 观察到它是如何工作的.