chore: 取消service worker
This commit is contained in:
parent
3004ae2a57
commit
4b7f847d72
|
@ -54,7 +54,7 @@ export default function RootLayout({
|
||||||
return (
|
return (
|
||||||
<html lang="en" className={GeistSans.className}>
|
<html lang="en" className={GeistSans.className}>
|
||||||
<Script src="//fw-cdn.com/11368617/4047428.js" chat="true"></Script>
|
<Script src="//fw-cdn.com/11368617/4047428.js" chat="true"></Script>
|
||||||
<Script>{`
|
{/* <Script>{`
|
||||||
if ('serviceWorker' in navigator) {
|
if ('serviceWorker' in navigator) {
|
||||||
window.addEventListener('load', function() {
|
window.addEventListener('load', function() {
|
||||||
navigator.serviceWorker.register('/service-worker.js').then(function(registration) {
|
navigator.serviceWorker.register('/service-worker.js').then(function(registration) {
|
||||||
|
@ -66,7 +66,7 @@ export default function RootLayout({
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
`}</Script>
|
`}</Script> */}
|
||||||
<body className="bg-background text-foreground">
|
<body className="bg-background text-foreground">
|
||||||
<main className="min-h-screen flex flex-col items-center">
|
<main className="min-h-screen flex flex-col items-center">
|
||||||
{children}
|
{children}
|
||||||
|
|
|
@ -1,22 +1,58 @@
|
||||||
const cacheName = "v1";
|
const cacheName = "v1";
|
||||||
|
const preCacheResources = [
|
||||||
|
// 添加需要预缓存的资源列表
|
||||||
|
"/.next/static",
|
||||||
|
"/public",
|
||||||
|
"/",
|
||||||
|
"/index.html",
|
||||||
|
"/styles/main.css",
|
||||||
|
"/scripts/main.js",
|
||||||
|
// 更多资源...
|
||||||
|
];
|
||||||
|
// 安装事件:预缓存关键资源
|
||||||
|
self.addEventListener("install", (e) => {
|
||||||
|
console.log("Service Worker: Installed");
|
||||||
|
e.waitUntil(
|
||||||
|
caches
|
||||||
|
.open(cacheName)
|
||||||
|
.then((cache) => {
|
||||||
|
console.log("Service Worker: Caching Files");
|
||||||
|
cache.addAll(preCacheResources);
|
||||||
|
})
|
||||||
|
.then(() => self.skipWaiting())
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
// 激活事件:清理旧缓存
|
||||||
|
self.addEventListener("activate", (e) => {
|
||||||
|
console.log("Service Worker: Activated");
|
||||||
|
e.waitUntil(
|
||||||
|
caches.keys().then((cacheNames) => {
|
||||||
|
return Promise.all(
|
||||||
|
cacheNames.map((cache) => {
|
||||||
|
if (cache !== cacheName) {
|
||||||
|
console.log("Service Worker: Clearing Old Cache");
|
||||||
|
return caches.delete(cache);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
// 尝试从网络获取资源,并将响应克隆到缓存
|
||||||
const cacheClone = async (e) => {
|
const cacheClone = async (e) => {
|
||||||
const res = await fetch(e.request);
|
const res = await fetch(e.request);
|
||||||
const resClone = res.clone();
|
const resClone = res.clone();
|
||||||
|
|
||||||
const cache = await caches.open(cacheName);
|
const cache = await caches.open(cacheName);
|
||||||
await cache.put(e.request, resClone);
|
await cache.put(e.request, resClone);
|
||||||
return res;
|
return res;
|
||||||
};
|
};
|
||||||
|
|
||||||
const fetchEvent = () => {
|
// Fetch 事件:网络优先,然后缓存
|
||||||
self.addEventListener("fetch", (e) => {
|
self.addEventListener("fetch", (e) => {
|
||||||
e.respondWith(
|
e.respondWith(
|
||||||
cacheClone(e)
|
cacheClone(e)
|
||||||
.catch(() => caches.match(e.request))
|
.catch(() => caches.match(e.request))
|
||||||
.then((res) => res)
|
.then((res) => res || fetch(e.request))
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
};
|
|
||||||
|
|
||||||
fetchEvent();
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user