을 내 PWA 오프라인 모드에서 작동합니다. 지금까지,그것이 제공하는 모든 파일에서 localhost 지만,CSS 지 않는 렌더링합니다. 모든 파일에서 요청한 캐시 얻고 있는 상태 200. (javascript 와 html 기능을)내 서비스-작업자는 코드입니다.
self.addEventListener("install", (event) => {
event.waitUntil(
caches.open("v1").then((cache) => {
return cache.addAll([
"list of assets",
]);
})
);
});
self.addEventListener("fetch", function (event) {
event.respondWith(
caches.open("v1").then((cache) => {
if (event.request.url == "http://localhost:3000/") {
return cache
.match("http://localhost:3000/index.html")
.then((response) => {
console.log({ response });
return response;
});
} else {
try {
return cache.match(event.request).then((response) => {
console.log(response);
if (response != undefined) {
console.log({ response: "Loading asset from cache." });
return response;
} else {
let asset = fetch(event.request);
cache.add(asset);
return asset;
}
});
} catch (error) {
console.error(error);
}
}
})
);
});