title: Navigator.sendBeacon not working with Authorization Headers
body: <p>Recently chrome stop support for synchronos xmlhttprequest on page unload or beforeunload event <a href="https://www.chromestatus.com/feature/4664843055398912" rel="nofollow noreferrer">https://www.chromestatus.com/feature/4664843055398912</a></p>
  
  <p>i try this solution <a href="https://stackoverflow.com/questions/56113875/perform-an-asynchronous-service-get-when-closing-browser-window-tab-with-angul">Perform an asynchronous service get when closing browser window / tab with Angular</a> but not seems to be working in latest chrome versions</p>
  
  <p>Now i am using navigator.sendbeacon api like this</p>
  
  <pre><code>let headers = {
         type: 'application/json; charset=utf-8',
         'authorization': `bearer ${token}`
    }
     let blob = new blob([json.stringify({a:"9"})], headers);
  
      navigator.sendbeacon(uri, blob);
  </code></pre>
  
  <p>Api is throwing 401 so seems like authorization is not working,
  Is there any other alternative to navigator.sendBeacon</p>