Nuxt PWA服务工作者“ onmessage”处理程序

问题描述

我正在发布服务人员发来的消息，并且需要在我的Nuxt应用中处理它，我该如何实现？

过去我使用过navigator.serviceWorker.onmessage，但是Nuxt应用程序的最佳实践是什么？在哪个文件中执行此操作？

nuxt.config.js块：

pwa: {
    workbox: {
      importScripts: [
        'sw_notifications.js'
      ]
    },...
}

sw_notifications.js

console.log('Service Worker: Listening for notification interaction')

self.addEventListener('notificationclose',function(e) {
  e.notification.close();
  self.serviceWorker.postMessage({
    key: 'notification-close',data: e.notification.data
  })
})

self.addEventListener('notificationclick',function(e) {
  e.notification.close();
  self.serviceWorker.postMessage({
    key: 'notification-open',data: e.notification.data
  })

  if (e.action !== 'close') {
    clients.openWindow(e.notification.data.url);
  }
})

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）