sendBeacon JSON数据未被读取（服务器端）Nodejs和JS

Question

我试图在可见性更改时发送POST请求（如文档中所述），但进展有限。我成功地发出了sendBeacon请求，但似乎无法在我的Node.js Express服务器上读取对象。以下是我的Send Beacon JavaScript代码：

navigator.sendBeacon("/delete-room", JSON.stringify({roomID: 'test'}))

然后，当我通过express处理它：

app.post('/delete-room', (req, res)=>{
    console.log('Recieved ' + req.body)
    res.status(200).end()
})

我得到了这个日志：收到 [object Object]。 即使解析了请求体（返回错误不能解析[object Object]），我也无法读取req.body.roomID。我还尝试将其编码为表单：

var formData = new FormData()
formData.append('roomID', 'test')
            
navigator.sendBeacon("/delete-room", data);

以下是翻译的结果：

这将在服务器上返回该日志：接收到 {}。

为什么我无法接收此请求？谢谢！

- imaginate

Answer 1

使用您的代码

var formData = new FormData()
formData.append('roomID', 'test')       
navigator.sendBeacon("/delete-room", data);

sendBeacon()函数通过HTTP POST请求以原始格式发送数据。

安装body-parser express中间件（npm install body-parser --save），然后：

// index.js
const express = require('express');
const bodyParser = require('body-parser');

const app = express();
app.use(bodyParser.raw());

app.post('/delete-room', (req, res)=>{
    console.log('Received ' + req.body)
    res.status(200).end()
})

app.listen(8080, () => console.log(`Started server at http://localhost:8080!`));

- Webcoder31

---

我能在使用JSON bodyparser的情况下使用这个吗？ - imaginate

当然可以！只需添加 app.use(bodyParser.json());。 - Webcoder31

非常感谢！如果我也执行 app.use(bodyParser.raw()); (和 app.use(bodyParser.json()))，它会起作用吗？ - imaginate