在404

Question

我有一个使用Firebase托管的React应用，它通过Router组件进行路由。通过npm在本地托管时没有问题。

虽然通过Firebase URL访问，但是单击带有附加功能/提交表单的按钮时，我得到了404页。

handleSubmit() {
    console.log("HandleSubmit")
    this.ref.push(this.input.value);
} 

在render()内：

        <form onSubmit={this.handleSubmit}>
            <input type="text" placeholder="Task" ref={(input) => this.input = input} />
            <button type="submit"> Add Task </button>
        </form>

更新：在构造函数中：

this.ref = firebase.database().ref(id + '/tasks');

我将应用设置为“单页”应用，摆脱了我以前遇到的其他404问题：

  "hosting": {
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }

不确定问题出在哪里。在本地托管版本中，单击按钮仅刷新页面所在的页面（不是index.html）。