javascript - 工作箱后台同步 - 用户提交表单后重定向

Question

用户可以在离线时提交表单，该表单通过后台同步同步到我的数据库。这按预期工作。我遇到的问题是，当用户离线并提交表单时，它会重定向到 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"
);

Answer 1

重定向页面的路由应该有类似 CacheOnly 或 StaleWhileREvalidate 的策略。您收到的消息表明浏览器正在尝试访问网络以获取该页面。