Резервные страницы для настраиваемого URL в сервисном работнике - PullRequest
0 голосов
/ 31 декабря 2018

Я недавно попал в сервисный работник и тестировал его.Ранее у моего сайта был манифест AppCache, и я использовал для кэширования всех файлов, а также был запасной вариант для пользовательских URL-адресов.Например, это был мой старый файл манифеста AppCache:

FALLBACK:

# offline message page
/ assets/OFFLINE/offline.html

# about page
about assets/OFFLINE/about.html

# static pages 
1 assets/OFFLINE/1.html 
2 assets/OFFLINE/2.html 

Я пытаюсь сделать то же самое с работниками сферы обслуживания, если, например, пользователь заходит на

www.website.com / 1

загружается

www.website.com / assets / OFFLINE / 1.html

Мой текущий рабочий файл службыниже:

importScripts('cache-polyfill.js');

self.addEventListener('install', function(e) {
 e.waitUntil(
   caches.open('airhorner').then(function(cache) {
     return cache.addAll([
       '/',
       'index.html',
       'style.css',
     ]);
   })
 );
});

self.addEventListener('fetch', function(event) {
 console.log(event.request.url);

 event.respondWith(
   caches.match(event.request).then(function(response) {
     return response || fetch(event.request);
   })
 );
});

Файлы кешируются отлично, но теперь, как мне сделать то же самое с сервисным работником?

...