部署到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>

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

我可以知道为什么缺少这些数据以及如何修复它？