Я использую Nuxt с модулем PWA. Я хочу предварительно загрузить исходный запрос axios, который я запускаю в nuxt-client-init-module, в рабочие области кэша.
Я пытался дождаться рабочего ящика, но, похоже, этого недостаточно.
Я попытался использовать список имен кеша, как показано в документации рабочей коробки (например, https://developers.google.com/web/tools/workbox/modules/workbox-core), как показано ниже, но это приводит к ошибке "не удается прочитать свойство cacheNames of undefined"
nuxtClientInit: async function({ commit }, { route, store }) {
console.log('start')
const workbox = await window.$workbox
if (workbox) {
console.log('in workbox') // the final line that executes correctly
caches.open(workbox.core.cacheNames.runtime).then(cache => { // error here
console.log('cache await')
// doing the axios request depending on variable parameters here
})
}
}
Ожидаемым результатом будет то, что результат запроса будет кэширован работником службы. Однако лучшее, чего я достиг, - это обычный запрос, который не кэшируется.