无法访问浏览器通知

Question

我想在 Web 应用程序上设置推送通知，但我想先在我的本地开发服务器（使用 vagrant 设置）上测试它，所以我的本地服务器看起来像 htttp://mylocalserver.com。 （我要指出的是，改成127.0.0.1真的很难，因为这个vagrant box是别人做的，还有其他东西让改起来很复杂）

我遇到的第一个问题是

“Service Worker 错误 DOMException：只允许安全来源” 我使用"unsafely-treat-insecure-origin-as-secure" flag is not working on Chrome中的解决方案解决了这个问题

但后来我意识到我不能使用任何通知方法，例如：Notification.permission 或 Notification.requestPermission。

当我尝试获取 Notification.permission 时，它返回“未定义”。有没有办法让这个功能发挥作用？

Answer 1

如果不通过 h​​ttps 提供任何有趣的东西，您将无法使用任何有趣的东西，但 127.0.0.1 除外

您可以尝试使用chrome web server extension，它将在您的本地计算机上运行测试服务器，或者在使用 https 保护的公共服务器上设置受限访问区域。

您也可以尝试为您的本地服务器生成自签名证书，但我不确定 chrome 是否会使用这些证书。

Answer 2

我发现了我的问题。应用程序在覆盖浏览器通知的窗口对象上有一个同名的“通知”模型。

当然，我的“通知”没有这些方法（Notification.permission、Notification.requestPermission() ... 等），所以我更改了模型的名称，一切正常。