javascript - Google 工作箱库中的自定义获取事件？

Question

我正在使用 Google 的 Workbox 库来缓存文件。我还想使用服务 worker 来滚动我的自定义身份验证。因此，我阅读了有关如何拦截请求和添加 header 的指南:https://itnext.io/using-service-worker-as-an-auth-relay-5abc402878dd .

但是，我想知道这是否会扰乱 Workbox 的逻辑？我应该将身份验证代码放在 precacheAndRoute() 下面吗？我通过 Workbox 缓存的静态文件不需要我的身份验证 header 。

Answer 1

Workbox 的 precacheAndRoute() 的“route”部分响应 precache manifest 中 URL 的 fetch 事件。 .

如果 fetch 事件与不在预缓存 list 中的 URL 关联，它不会执行任何操作。 (即它不会调用 FetchEvent.respondWith()，其他处理程序将有机会响应。)

在您自己的 fetch 事件处理程序中添加您自己的自定义逻辑应该可以与 precacheAndRoute() 很好地配合。

(对于那些需要身份验证的请求，您可以使用 Workbox 的运行时缓存，以及在发出网络请求之前添加到 header 中的自定义 requestWillFetch plugin。但这取决于您!)