Fix SW v5: Cross-Origin-Requests nicht abfangen, Favicons laden wieder in PWA
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
// Service Worker v4 – garantiert frische index.html, Auto-Reload bei neuem Build
|
// Service Worker v4 – garantiert frische index.html, Auto-Reload bei neuem Build
|
||||||
const VERSION = 'v4';
|
const VERSION = 'v5';
|
||||||
const CACHE_NAME = 'dickendock-' + VERSION;
|
const CACHE_NAME = 'dickendock-' + VERSION;
|
||||||
|
|
||||||
self.addEventListener('install', () => {
|
self.addEventListener('install', () => {
|
||||||
@@ -21,23 +21,26 @@ self.addEventListener('activate', e => {
|
|||||||
self.addEventListener('fetch', e => {
|
self.addEventListener('fetch', e => {
|
||||||
const url = new URL(e.request.url);
|
const url = new URL(e.request.url);
|
||||||
|
|
||||||
|
// Cross-Origin-Requests (externe Bilder, Fonts usw.) NICHT abfangen
|
||||||
|
// → Browser verarbeitet sie normal, kein CORS-Problem in der PWA
|
||||||
|
if (url.origin !== self.location.origin) return;
|
||||||
|
|
||||||
// API immer direkt ans Netz
|
// API immer direkt ans Netz
|
||||||
if (url.pathname.startsWith('/api/')) {
|
if (url.pathname.startsWith('/api/')) {
|
||||||
e.respondWith(fetch(e.request));
|
e.respondWith(fetch(e.request));
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// HTML-Navigation: IMMER frisch vom Netzwerk, niemals aus Cache
|
// HTML-Navigation: IMMER frisch vom Netzwerk
|
||||||
// (Vite-Bundles haben Hash im Namen → neue index.html lädt neue Bundles)
|
|
||||||
if (e.request.mode === 'navigate') {
|
if (e.request.mode === 'navigate') {
|
||||||
e.respondWith(
|
e.respondWith(
|
||||||
fetch(e.request, { cache: 'reload' }) // 'reload' = HTTP-Cache komplett umgehen
|
fetch(e.request, { cache: 'reload' })
|
||||||
.catch(() => caches.match('/index.html'))
|
.catch(() => caches.match('/index.html'))
|
||||||
);
|
);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Restliche Assets: einfach durchreichen
|
// Same-Origin Assets: durchreichen
|
||||||
e.respondWith(fetch(e.request).catch(() => caches.match(e.request)));
|
e.respondWith(fetch(e.request).catch(() => caches.match(e.request)));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user