У меня есть приложение React, размещенное на Firebase, с маршрутизацией через компонент Router
.Нет проблем при локальном хостинге через npm.
При доступе через URL-адрес Firebase я получаю страницу 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
).