How to alter the headers of a Request?

by

Creating a new request object works as long as you set all the options:

// request is event.request sent by browser here 
var req = new Request(request.url, {
    method: request.method,
    headers: request.headers,
    mode: 'same-origin', // need to set this properly
    credentials: request.credentials,
    redirect: 'manual'   // let browser handle redirects
});

You cannot use the original mode if it is navigate (that’s why you were getting an exception) and you probably want to pass redirection back to browser to let it change its URL instead of letting fetch handle it.

Make sure you don’t set body on GET requests – fetch does not like it, but browsers sometimes generate GET requests with the body when responding to redirects from POST requests. fetch does not like it.

More Related Contents:

  1. What limitations apply to opaque responses?
  2. How can I remove a buggy service worker, or implement a “kill switch”?
  3. Understanding Service Worker scope
  4. Options for testing service workers via HTTP
  5. How to clear cache of service worker?
  6. “Status Code:200 OK (from ServiceWorker)” in Chrome Network DevTools?
  7. What causes a Failed to execute ‘fetch’ on ‘ServiceWorkerGlobalScope’: ‘only-if-cached’ can be set only with ‘same-origin’ mode error?
  8. What is the storage limit for a service worker?
  9. Can service workers cache POST requests?
  10. Firebase: change the location of the service worker
  11. Can’t find serviceWorker in navigator anymore
  12. Service Worker registration error: Unsupported MIME type (‘text/html’)
  13. Service worker is caching files but fetch event is never fired
  14. Best practices for detecting offline state in a service worker
  15. Service Worker Registration Failed
  16. Is it possible to make an in-app button that triggers the PWA “Add to Home Screen” install banner?
  17. What can service workers do that web workers cannot?
  18. How to take screenshot of a div with JavaScript?
  19. Understanding prototypal inheritance in JavaScript
  20. node.js: read a text file into an array. (Each line an item in the array.)
  21. ASP.NET MVC implement custom validator use IClientValidatable
  22. What are the JavaScript KeyCodes? [closed]
  23. Node.js catch ENOMEM error thrown after spawn
  24. JavaScript scrollTo method does nothing?
  25. Difference between document.addEventListener and window.addEventListener?
  26. Convert String with Dot or Comma as decimal separator to number in JavaScript
  27. Methods vs Computed in Vue
  28. reactjs event listener beforeunload added but not removed
  29. Is there a way to validate dynamic key names in a Joi schema?
  30. Listen to multiple keydowns

Leave a Comment