Я недавно попал в сервисный работник и тестировал его.Ранее у моего сайта был манифест 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);
})
);
});
Файлы кешируются отлично, но теперь, как мне сделать то же самое с сервисным работником?