Javascript Workbox后台同步-用户提交表单后重定向

Javascript Workbox后台同步-用户提交表单后重定向,javascript,progressive-web-apps,service-worker,workbox,background-sync,Javascript,Progressive Web Apps,Service Worker,Workbox,Background Sync,用户可以在脱机时提交一个表单,该表单通过后台同步同步到我的数据库。这是预期的工作。我遇到的问题是,当用户脱机并提交表单时,它会重定向到Chrome中的“未找到站点”错误页面。应该将用户重定向回其所有条目的列表。我已确认它重定向到的页面已缓存 服务器工作文件: importScripts( "https://storage.googleapis.com/workbox-cdn/releases/6.1.2/workbox-sw.js" ); const CACHE = &

用户可以在脱机时提交一个表单,该表单通过后台同步同步到我的数据库。这是预期的工作。我遇到的问题是,当用户脱机并提交表单时,它会重定向到Chrome中的“未找到站点”错误页面。应该将用户重定向回其所有条目的列表。我已确认它重定向到的页面已缓存

服务器工作文件:

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

const CACHE = "example-offline";
const QUEUE_NAME = "bgSyncQueue";

self.addEventListener("message", (event) => {
  if (event.data && event.data.type === "SKIP_WAITING") {
    self.skipWaiting();
  }
});

workbox.routing.registerRoute(
  new RegExp("/*"),
  new workbox.strategies.NetworkFirst({
    cacheName: CACHE,
  })
);

const bgSyncPlugin = new workbox.backgroundSync.BackgroundSyncPlugin(
  QUEUE_NAME,
  {
    maxRetentionTime: 24 * 60, // Retry for max of 24 Hours (specified in minutes)
  }
);

workbox.routing.registerRoute(
  new RegExp("^https://example.com/[a-zA-Z]+/journal"),
  new workbox.strategies.NetworkOnly({
    plugins: [bgSyncPlugin],
  }),
  "POST"
);

重定向页面的路由应具有类似CacheOnly或StaleWhileREvalidate的策略。您收到的消息表明浏览器正试图通过网络获取页面。

您是如何触发重定向的?重定向在我的控制器中。使用Laravel框架。我知道它被重定向到了正确的页面,但是由于某种原因它没有使用缓存页面。我已经尝试过了,但仍然不起作用<代码>workbox.routing.registerRoute(新的RegExp(“^https://example.com/[a-zA-Z]+/journal”),新的workbox.strategies.StaleWhileRevalidate({cacheName:CACHE,})