Javascript Workbox后台同步-用户提交表单后重定向
用户可以在脱机时提交一个表单,该表单通过后台同步同步到我的数据库。这是预期的工作。我遇到的问题是,当用户脱机并提交表单时,它会重定向到Chrome中的“未找到站点”错误页面。应该将用户重定向回其所有条目的列表。我已确认它重定向到的页面已缓存 服务器工作文件: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 = &
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,})代码>