firebase - 部署到 Firebase 后数据丢失

Question

在我的网络应用程序的 index.html 中，我创建了一堆数据

  <script>
      var app = document.querySelector('#app');
      app.data = [
        {id: 0, consumed: 6, protein: 4, sodium: 87, calcium:.14, iron: .01},
        {id: 1, consumed: 2, protein: 4.3, sodium: 129, calcium:.08, iron: .01},
        {id: 2, consumed: 0, protein: 6, sodium: 337, calcium:.06, iron: .07},
        {id: 3, consumed: 0, protein: 4.3, sodium: 413, calcium:.03, iron: .08},
        {id: 4, consumed: 0 , protein: 3.9, sodium: 327, calcium:.07, iron: .16},
      ];

</script>

在本地部署（即本地主机）时，我的应用程序可以访问这组数据。但是，在部署到 Firebase 后，已部署的应用无法使用数据。我通过 Chromes 开发者工具（控制台）验证了这一点。

我可以知道为什么这些数据丢失以及如何修复它吗？