Austin/paper-ai-release-24-07-21
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

chore: 取消service worker

Browse Source
This commit is contained in:
liuweiqing 2024-02-21 21:23:21 +08:00
parent 3004ae2a57
commit 4b7f847d72
2 changed files with 50 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/layout.tsx
View File

@ -54,7 +54,7 @@ export default function RootLayout({
return (
<html lang="en" className={GeistSans.className}>
<Script src="//fw-cdn.com/11368617/4047428.js" chat="true"></Script>
<Script>{`
{/* <Script>{`
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
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">
<main className="min-h-screen flex flex-col items-center">
{children}

48
public/service-worker.js
View File

@ -1,22 +1,58 @@
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 res = await fetch(e.request);
const resClone = res.clone();
const cache = await caches.open(cacheName);
await cache.put(e.request, resClone);
return res;
};
const fetchEvent = () => {
// Fetch 事件：网络优先，然后缓存
self.addEventListener("fetch", (e) => {
e.respondWith(
cacheClone(e)
.catch(() => caches.match(e.request))
.then((res) => res)
.then((res) => res || fetch(e.request))
);
});
};
fetchEvent();