error while fetch data from service worker

Question

this is my 3rd PWA project, here I have an error when fetching data from the backend but the data can still appear on the page. but in the previous project this syntax worked without any errors

fetch in service worker

self.addEventListener("fetch", event=>{
    const base_url ="https://api.football-data.org/v2/";

    if (event.request.url.indexOf(base_url) > -1) {
        event.respondWith(
            caches.open(CACHE_NAME).then(cache=>{
                return fetch(event.request).then(response=>{
                    cache.put(event.request.url, response.clone());
                    return response;
                })
            })
        );
    } else {
        event.respondWith(
            caches.match(event.request, {ignoreSearch: true}).then(response=>{
                return response || fetch (event.request);
            })
        )
    }
})

error says like this

Answer 1

are you sure you are sending the API auth token on the service worker fetch call?

The http request code is an error (403), maybe that's what might be going.