从服务人员获取数据时出错

问题描述

这是我的第三个PWA项目,在这里从后端获取数据时出现错误,但是数据仍然可以显示页面上。但在上一个项目中,此语法可以正常工作

获取服务工作者

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

解决方法

您确定要在Service Worker Fetch调用中发送API身份验证令牌吗?

http请求代码是错误(403),也许就是这样。

1