javascript - 在 navigator.sendbeacon() 中需要授权

我的问题是，当我调用一个监听 onBeforeUnload() 事件的函数时，我想发布一个数据。问题是我的请求未经授权。我需要在某处添加我的承载者，但我不知道如何。

这是我的实际代码:

@HostListener('window:beforeunload', ['$event'])
  onBeforeUnload(): void {
     navigator.sendbeacon(`${localhost:8080/apiRest}`, infoIWantToSent);
  }

现在，请求发送 401:unhautorized，这是正常的，因为我不传输任何承载。

最佳答案

我找到了这个解决方案:

@HostListener('window:beforeunload', ['$event'])
  onBeforeUnload(): void {
   fetch('url', {
        keepalive: true,
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'Authorization': `Bearer ${token}`,
        },
        body: JSON.stringify(infoIWantToSent),
      });
}

显然，如果我们必须使用 token 连接，我们不能使用 navigator.sendbeacon() https://w3c.github.io/beacon/#sec-sendBeacon-method
它几乎适用于所有情况，但不适用于我关闭包含我的页面的 iframe。

关于javascript - 在 navigator.sendbeacon() 中需要授权，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56131973/