Используйте axios вместо запросов на выборку в Workbox

Question

Я пытаюсь использовать рабочий ящик, чтобы сохранить в кеше некоторые вещи для своего проекта, я уже сделал это, чтобы сохранить все мои файлы js и css, шрифты и т. Д., Чего-то не хватает, и это содержимое моего проекта, которое хранится в мой компьютер, я использую axios для извлечения данных из моей базы данных, рабочая область, кажется, игнорирует запросы, отправленные из axios, я сделал тест и изменил один запрос axios на «fetch», и он работал, он был успешно кэширован, есть какой-либо способ сделать это работает с помощью Axios?

Это мой код:

importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.0/workbox-sw.js");

workbox.routing.registerRoute(
  new RegExp('http://localhost/Odr/connections/'),
  workbox.strategies.cacheFirst(),
);

Answer 1

В axios нет ничего конкретного, что должно препятствовать перехвату его запросов Workbox или вообще запускать обработчик fetch внутри сервисного работника.XMLHttpRequest s, сделанные на клиентских страницах, приводят к запуску обработчика fetch.

Я бы порекомендовал использовать отладочную сборку Workbox (которая по умолчанию используется при разработкена http://localhost), а затем откройте консоль JavaScript при попытке запроса axios.Существуют отладочные сообщения, которые должны пролить свет на логику маршрутизации Workbox, в том числе указывать, вызывает ли конкретный запрос маршрут или нет.