Javascript 如何使用 Fetch api 发布文本纯文本

发布于04月20日

我试着用Fetch() API来发布text/plain:

fetch('/test', {
    method: 'post',
    headers: {
      'Content-Type': 'text/plain'
    },
    body: "this is a test"
  })
 .then(response => response.text())
 .then(body => {
    console.log(body)
 })

这是处理请求的路由

router.post('/test',(req,res)=>{
    console.log(req.body)
    res.send('OK')
})

然而，console.log(req.body)的输出是{}.

我想问题出在body:之后的代码，我不知道发布文本/纯数据的正确方式是什么.

推荐答案

要使用FETCH()在POST请求中发送文本/纯文本数据，只需传递一个字符串作为主体值，就像在代码中所做的那样.但是，要在服务器端正确解析请求正文，您需要使用支持解析纯文本的中间件.

例如，您可以使用Express应用程序中的正文解析器中间件来解析文本/纯文本请求正文.以下是您的服务器端代码的更新版本，其中包括主体解析器中间件:

const express = require('express');
const bodyParser = require('body-parser');

const app = express();

app.use(bodyParser.text());

app.post('/test',(req,res)=>{
  console.log(req.body);
  res.send('OK');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

在这段代码中，bodyParser.text()用于解析纯文本请求正文.此中间件将req.Body属性设置为解析的文本值.

准备好这个中间件后，您的FETCH()代码应该可以正常工作.