如何在 VUE 中从 PWA registerServiceWorker 调用函数

Question

我将 VUE 3 与 PWA 一起使用，我需要从 registerServiceWorkers.js 调用一些函数，而不是控制台记录它们，例如发现更新或更新时。这是服务人员：

import { register } from 'register-service-worker'

if (process.env.NODE_ENV === 'production') {
  register(`${process.env.BASE_URL}service-worker.js`, {
    ready () {
      console.log(
        'App is being served from cache by a service worker.\n' +
        'For more details,'
      )
    },
    registered () {
      console.log('Service worker has been registered.')

    },
    cached () {
      console.log('Content has been cached for offline use.')
    },
    updatefound () {
      console.log('New content is downloading.')
    },
    updated () {
      console.log('New content is available; please refresh.')
    },
    offline () {
      console.log('No internet connection found. App is running in offline mode.')
    },
    error (error) {
      console.error('Error during service worker registration:', error)
    }
  })
}

有什么建议吗？？？

Answer 1

我上次用的是这个： https://dev.to/drbragg/handling-service-worker-updates-in-your-vue-pwa-1pip

让您能够通知用户新的更新并允许缓存它们

如何在 VUE 中从 PWA registerServiceWorker 调用函数

How to call a function from PWA registerServiceWorker in VUE

javascript

function

vue.js

progressive-web-apps

vuejs3