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

如何解决sendBeacon JSON 数据未读取服务器端Nodejs 和 JS

我正在尝试发送有关可见性更改的 POST 请求（如文档中所述），但成功率有限。我成功发出了 sendbeacon 请求，但似乎无法读取我的 Node.js Express 服务器上的对象。这是我的发送信标 js 代码：

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

然后，当我通过快递处理时：

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

我得到这个日志：Recieved [object Object]。 我无法读取 req.body.roomID，即使在解析正文之后（返回错误无法解析 [object Object]）。我还尝试将其编码为一种形式：

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

在服务器上返回此日志：Recieved {}。

为什么我收不到这个请求？谢谢！

解决方法

使用您的代码

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!`));