Adding custom HTTP headers using JavaScript

Robert Misener answered on October 21, 2022 Popularity 7/10 Helpfulness 4/10

answer Adding custom HTTP headers using JavaScript

Adding custom HTTP headers using JavaScript

Comment

First, you have to register a Service Worker on your page.

// index.html
window.addEventListener('load', function () {
    navigator
        .serviceWorker
        .register('/service-worker.js');
});
 
//In the Service Worker a request is captured, modified and forwarded by calling the WindowOrWorkerGlobalScope.fetch() method.

// service-worker.js
self.addEventListener('fetch', function (event) {
    event.respondWith(async function () {
        let headers = new Headers()
        headers.append("X-Custom-Header", "Random value")
        return fetch(event.request, {headers: headers})
    }());
});

Popularity 7/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: css http-headers javascript using

Link to this answer
Share Copy Link