在工作箱中使用axios而不是获取请求

Question

我试图使用工作箱为我的项目保存缓存一些东西，我已经把它保存到我的所有js和css文件，字体等，有一件事丢失，这是我的项目的内容，存储在我的电脑，我使用axios来获取我的数据库数据，工作箱似乎忽略了从axios发送的请求，我已经做了一个测试，并将一个axios请求更改为“fetch”并且它有效，它已成功缓存，以任何方式使其工作使用爱可信？

这是我的代码：

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处理程序。从客户端页面制作的XMLHttpRequests会导致fetch处理程序被触发。

我建议使用工作箱的debug build（如果您在http://localhost上开发，这是默认设置），然后在尝试axios请求时打开JavaScript控制台。有调试消息可以揭示Workbox的路由逻辑，包括是否触发路由的特定请求。