Событие извлечения работника службы, не перечисляющее корневой index.html

Question

У меня проблемы с перечислением документа index.html в событии получения работника службы.Поэтому, если я открываю новую вкладку и захожу на свой сервер разработки, я вижу документ, указанный в качестве URL-адреса запроса в прослушивателе событий выборки работника службы.

self.addEventListener("fetch", e => {
  console.log(e.request.url);
});

, и вот вывод

Хорошо, все работает, как запланировано.Но когда я обновляю страницу, я не вижу корневой запрос или "/" для index.html.

Что я продолжаю.Я уже добавил промежуточное ПО на свой сервер, чтобы браузер не кэшировал корневой файл

app.use((req, res, next) => {
  if (req.url === "/") {
    res.header("Cache-Control", "no-cache, no-store, must-revalidate");
    res.header("Pragma", "no-cache");
    res.header("Expires", 0);
  }

  next();
});

Итак, вот результат после первого обновления

Я схожу с ума, потому что не могу понять, что происходит.Может кто-нибудь помочь мне, пожалуйста?

Answer 1

Возможно, у вас возникли проблемы из-за того, что запрос /index.html (или /) является навигацией, а DevTools браузера сбрасывает сообщения журнала консоли после навигации.

В Chrome DevTools,Я бы рекомендовал перейти на вкладку Сеть и установить флажок «Сохранить журнал»: