Firebase Cloud 消息传递 => 无法使用有效负载数据，并显示“此站点已在后台更新”

如何解决Firebase Cloud 消息传递 => 无法使用有效负载数据，并显示“此站点已在后台更新”

环境

操作系统版本：Windows 10 Pro version 2004， 操作系统版本 - 19041.572

浏览器版本：Chrome 87.0.4280.88（官方版本）（64 位）

Firebase SDK 版本：7.16.1

Firebase 产品：消息传递

---

问题：Firebase Cloud 消息传递 => 无法使用有效负载数据，并显示“此站点已在后台更新”

重现步骤：

1. 使用仓库 - https://github.com/varora1406/firebase-push-notification-demo 用 2 个文件中的项目配置替换 firebase 配置 - firebase-messaging-sw.js 和 index.html
2. 使用任何服务器（如 chrome 的 Web 服务器）启动 index.html
3. 从 curl-test.sh 复制 curl 请求，并尝试从任何 API 工具（例如 insomnia）发送此请求
4. 您会看到通知正文和标题没有出现在通知中。相反，它显示站点 URL 和消息 - “此站点已在后台更新” 图像 注意：您的标签页不应专注于查看此通知。

我们正准备带着开心的表情启动我们的 PWA，但遇到了这个问题。 我什至使用了 npm 的最新 firebase 版本，并尝试了多种方法，但仍然没有成功。

如何解决这个问题？