Expressjs Firebase React Redux 在将标头发送到客户端后无法设置标头

Question

我已经研究这个问题几个小时了，发现了一些奇怪的东西。使用 ExpressJS、Firebase 和 React 的小应用程序，需要通过 Express Backend 调用 Firebase 数据库，我还需要通过 Express Backend 发出 post 请求将数据存储在数据库中。

功能：我向后端发出 post 请求以将数据添加到数据库。由于 Firebase 是实时数据库，因此数据会立即反映在页面上。

问题：问题是，当我对后端进行 post 调用并完成时，页面会刷新，但数据不会因此而显示 错误：[ERR_HTTP_HEADERS_SENT]：发送到客户端后无法设置标头

/**
 * Add new note to Firebase
* Real-Time Database
*/
app.post('/addNote', (req, res)=> {
var title = req.body.note.title;
var body  = req.body.note.body;
var userId= req.body.note.uid;

db.notes.push({
    title: title,
    body: body,
    uid: userId
})
res.send("Success")
})

app.get('/all', (req, res, next)=> {
 db.notes.on('value', snapshot => {
       return res.send(snapshot.val());
})
})

可能的解决方案：我发现使用下面的代码，我可以发出一个帖子请求，手动刷新页面，然后数据将反映没有标题错误。我正在尝试编写正确的功能，但似乎无法弄清楚代码在哪里使用 db.notes.on 发送多个响应，因为我只发送一次 res.send。明显的区别是（.on 立即侦听和更新，而 .once 需要手动刷新）

/**
 * Add new note to Firebase
* Real-Time Database
*/
app.post('/addNote', (req, res)=> {
var title = req.body.note.title;
var body  = req.body.note.body;
var userId= req.body.note.uid;

db.notes.push({
    title: title,
    body: body,
    uid: userId
})
res.send("Success")
})

app.get('/all', (req, res, next)=> {
 db.notes.once('value', snapshot => {
       return res.send(snapshot.val());
})
})

Answer 1

将触发 Firebase 的 on("value" 侦听器：

1. 直接使用数据的当前值，
2. 稍后也会在数据更改时触发。

由于您在 #1 中将响应中的数据发送给客户端，因此响应将在 #2 发生时关闭/完成。

通过使用once("value" 侦听器不会发生此问题，因为once() 在#1 之后删除了侦听器。