javascript - sendBeacon JSON 数据未读取(服务器端)Nodejs 和 JS

Question

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

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

然后，当我通过 express 处理它时:

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 {} .
为什么我收不到这个请求？谢谢!

Answer 1

用你的代码

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

sendBeacon()函数通过 HTTP POST 请求以原始格式发送数据。
安装 正文解析器 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!`));