Безуспешно пытаюсь добавить PWA в проект. Запросы к серверу не кэшируются работником службы. Адреса запросов не добавляются в кэш-память. Соответственно офлайн-режим не работает.
Конфигурация проекта:
- vue spa
- запросы к серверу с использованием библиотеки ax ios
- ответы сервера не содержат заголовок управления кешем
- pwa реализовано с использованием стандартного vue плагина: vue / cli-plugin-pwa
PWA config в vue .config. js:
module.exports = {
publicPath: '/',
pwa: {
name: 'Old Vehicles',
manifestOptions: {
name: "Old Vehicles",
display: "standalone",
scope: "/",
start_url: "/"
},
workboxPluginMode: 'GenerateSW',
workboxOptions: {
navigateFallback: '/index.html',
runtimeCaching: [{
urlPattern: new RegExp('^http'),
handler: 'NetworkFirst',
options: {
networkTimeoutSeconds: 2,
cacheName: 'api-cache',
cacheableResponse: {
statuses: [0, 200],
},
},
}]
}
}
};
PS А еще это: консоль разработчика в браузере -> вкладка «Приложение» -> Возможность установки -> «Страница не работает не в сети". Service worker успешно подключился (за исключением кеширования запросов), манифест идентифицирован. Почему появляется такое сообщение?