无法让 Workbox 后台同步与 IndexedDB 一起使用

如何解决无法让 Workbox 后台同步与 IndexedDB 一起使用

希望你们一切顺利。

我正在使用 Vue/Quasar-Framework 开发 PWA，我正在努力让 Workbox Background Sync 正常工作。

我想在离线时发出一些 POST 请求，然后当我重新在线时将这些请求发送到我的服务器。

我的 service-worker.js 文件：

import { precacheAndRoute } from 'workBox-precaching'
import { BackgroundSyncPlugin } from 'workBox-background-sync'
import { registerRoute } from 'workBox-routing'
import { NetworkOnly } from 'workBox-strategies'

precacheAndRoute(self.__WB_MANIFEST)

const bgSyncPlugin = new BackgroundSyncPlugin('myQueueName',{
  maxRetentionTime: 24 * 60 // Retry for max of 24 Hours (specified in minutes)
})

registerRoute(
  new RegExp('^http://localhost/api/alertas'),new NetworkOnly({
    plugins: [bgSyncPlugin]
  }),'POST'
)

我的 axios 请求：

async onSubmit () {
  this.$axios.post('/api/alertas',{
    alert: this.alert,user: this.user
  }).then((response) => {
    console.log(response)
  }).catch((error) => {
    console.log(error)
  })
},

为此，我关闭了我的网络服务器并尝试发出请求。当我这样做时，请求返回“ERR_CONNECTION_REFUSED”，我无法在 IndexedDB 中存储数据以在我再次上线时进行同步。

附加信息：我的 API 是在 Laravel/Sanctum 中构建的。

有什么建议吗？谢谢大家。