progressive-web-apps - 如何在 quasar 的 PWA 中向 service worker 推送通知？

Question

我正在尝试使用类星体 PWA 中的服务人员推送通知。

总之，类星体的服务工作者有 2 个文件要定义。 图片

您可以在此处阅读这些文件的含义：https ://quasar.dev/quasar-cli/developing-pwa/configuring-pwa#Service-Worker

我的问题是，当我在“custom-service-worker.js”文件中编写事件推送时。我的代码在这里：

 self.addEventListener('push', function (event) {
  console.log('[Service Worker] Push Received.');
  // console.log(`[Service Worker] Push had this data: "${event.data.text()}"`);

  const title = 'Push Codelab';
  const options = {
    body: 'Hello travel app.',
    icon: 'images/icon.png',
    badge: 'images/badge.png',
    data: "https://google.com"
  };

  event.waitUntil(self.registration.showNotification(title, options));
});

我有一个错误“TypeError：无法在'ServiceWorkerRegistration'上执行'showNotification'：没有为此来源授予通知权限”

所以。你有什么想法可以解决这个错误吗？如果有其他方法，请帮助我。非常感谢。

标签： progressive-web-appsquasar