firebase - 为什么我的 PWA 不能在 Safari 和 Opera 上运行？它显示 "can' t 建立到服务器的安全连接”

Question

我正在制作一个 PWA 并托管在 Firebase 上。我可以在 Chrome、IE 和其他浏览器中看到我的页面。但我在使用 Safari 和 Opera 时遇到了问题。我有 SLL 证书和 TLS 1.2(均来自 firebase)，使用 nginx 作为服务器。

我在浏览器上测试了我的页面，但出现如下错误:

“Safari 无法打开页面 -url- 因为 safari 无法建立
安全连接到服务器 -url-”“不能成立 与协议(protocol) SSL/TLS 的通信"“ fatal error (70) 来自 服务器“(歌剧/Debian)

在 htbridge 中我得到了:

• *HTTPS 协议(protocol)，失败的 CSP 状态*许多“ header 不是由服务器发送的。”*我没有证书颁发机构授权 (CAA) 记录。*不支持 TLSv1.3*服务器不提供HPKP

所以，我猜是关于安全的。但我不知道为什么它会成为主要问题。

我试图在服务器 (nginx) 上更正一些命令，但我不知道那在哪里或我需要做什么。我对这些事情很陌生，此时我需要有人来指导我。

我应该做什么或者我不知道什么？

Answer 1

Opera 完全跟随 Chrome 的脚步，所以如果它在 Chrome 上工作，在 Opera 上应该没有问题，我会说只需卸载 Opera 并重新安装它。另外，检查你有什么版本？要充分利用这两种浏览器，您需要最新版本。此外，Safari 在 PWA 和 service worker 方面也有一定的限制。虽然，Safari 和 MS Edge 都在使用它，所有主要浏览器都在 PWA 问题上达成一致(即 Service worker、Cache Api 和 IndexedDB)。