Express无法通过req.body获取请求传递的数据

最新推荐文章于 2024-05-26 20:07:01 发布
最新推荐文章于 2024-05-26 20:07:01 发布
阅读量2.1k 收藏 8
点赞数 1
文章标签： express 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Android062005/article/details/128558209
版权

前言

最近尝试重新封装XMLHttpRequest，在发post请求的时候，发现express通过req.body获取不到数据，req.body打印出来是一个空对象。网上也试了网上各种办法，还是不成功，最后发现需要在XMLHttpRequest请求时设置一个请求头，来标识发送过去数据的类型。

1、问题描述

服务端代码如下：创建了一个/login请求，在控制台输出请求数据。

// 创建应用对象
const express = require('express');
const bodyParser = require('body-parser');
// 创建应用对象
const app = express();
app.use((req,res,next)=>{//针对跨域进行配置，允许任何源访问res.header('Access-Control-Allow-Origin', "*")next()
})// 创建路由规则
app.post("/login", (req,res) =>{// 输出req.bodyconsole.log("req.body:", req.body);res.send("login success")
})
// 监听端口启动服务
app.listen(8002,() => {console.log("服务已启动，8002端口监听中...");
})

前端代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><button id="login">登录</button><script> let dom = document.getElementById("login")url = "http://localhost:8002/login"
 dom.addEventListener("click",function(){let xml = new XMLHttpRequest()let data = {"username":"test","password":"123"}xml.onreadystatechange = function(){if(xml.readyState == 4){console.log(xml.responseText);}}xml.open("post", url , true)xml.send(JSON.stringify(data))}) </script>
</body>
</html>

明明已经通过xml.send(JSON.stringify(data))已经将数据转换成json格式传到后端，我们可以打开network查看。

但是express中就是获取不到{"username":"test","password":"123"}，控制台输出了一个空对象。

2、 解决办法

2.1 解决JSON内容格式

查了网上的教程，可以通过引入中间件'body-parser':它是一个HTTP请求体解析中间件，它用于解析客户端请求的body中的内容，如application/x-www-form-urlencoded、application/json这两种常用的内容格式。

配置后代码如下：

// 创建应用对象
const express = require('express');
// 执行npm install body-parser之后再引入
const bodyParser = require('body-parser');
// 创建应用对象
const app = express();

// 处理application/json内容格式的请求体
app.use(bodyParser.json());

app.use((req,res,next)=>{//实验验证，只需要设置这一个就可以进行get请求res.header('Access-Control-Allow-Origin', "*")//配置8080端口跨域next()
})
// 创建路由规则
app.post("/login", (req,res) =>{// console.log(req);console.log("req.body:", req.body);res.send("login success")
})
// 监听端口启动服务
app.listen(8002,() => {console.log("服务已启动，8002端口监听中...");
})

但是依旧获取不到&#

最低0.47元/天 解锁文章
梅花十三儿
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
express中无法在axios.post请求中通过req.body获取请求传递的数据的解决办法
weixin_54241625的博客
04-11 2118
关于用express搭建服务器不能从req.body里获取数据的问题解析 最开始的情况，根本不能通过req.body拿出数据，req.body返回的是一个空对象， 经过多次上网搜索，才发现需要在express中引入bodyParser这个插件 bodyparser有4种常用的解析方式，对应数据格式可以在官网上看文档，本人前端小白只能谈谈自己的理解和解决的办法 const express = require('express'); var bodyParser=require('body-parser');
Express之get,pos请求参数的获取
08-30
总结一下，Express通过`req.query`处理GET请求的查询参数，通过`req.params`处理URL路径参数，而`req.body`则用于获取POST请求的表单数据。理解这些基本的参数获取方法是使用Express开发Web应用的基础。在实际项目中...
nodejs取参四种方法req.body,req.params,req.param,req.body
热门推荐
qiaocuiyu的博客
10-12 4万+
摘要: nodejs取参四种方法req.body,req.params,req.param,req.body 获取请求很中的参数是每个web后台处理的必经之路，nodejs提供了四种方法来实现。 获取请求很中的参数是每个web后台处理的必经之路，nodejs的 express框架 提供了四种方法来实现。 req.body req.query req.params
req.query和req.body区别
weixin_43288180的博客
02-22 5021
req.query 该属性主要用于get()方法时传递参数使用，用法很简单，直接获取地址栏传递的参数；例如： //引入依赖 var express = require('express'); /*var utility = require('utility');*/ //建立express的实例,相当于创建了http服务器 var app = express(); // 地址栏： localho...
express处理get请求和post请求
最新发布
2301_76669854的博客
05-26 1008
express解析get请求和post请求
Node.js中express框架中的req.body,req.query,req.params参数
VA_Jkwu的博客
11-02 543
最近学习node时，各种参数和前面的axios的参数概念有点混淆了，今天来梳理一下。
解决express服务器接收post请求报错：“req.body==＞ undefined“
jiaohuizhuang6019的博客
09-18 323
解决express服务器接收post请求报错："req.body==> undefined"
express中req.body的理解
whowho_s的博客
01-30 2825
通常用来解析 POST 请求中的数据 req.body 不是 nodejs 默认提供的，需要载入中间件 body-parser 中间件才可以使用 req.body。
基于Express框架使用POST传递Form数据
12-09
总结来说，处理Express框架下的POST请求传递Form数据，主要涉及设置正确的HTTP请求方法，配置适当的解析器（如`body-parser`），并在服务器端处理`req.body`中的数据。同时，客户端可以通过HTML表单、Node.js原生...
Node.JS获取GET,POST数据之queryString模块使用方法详解
10-15
对于POST数据，Node.js通常通过`req.body`访问，这需要中间件如`body-parser`来解析请求体。然而，如果POST数据以URL编码格式发送（即`application/x-www-form-urlencoded`），`queryString.parse()`同样可以处理： ...
nodejs body-parser 解析post数据实例
01-20
对于POST请求，`req.body`将会包含解析后的数据。 此外，HTML表单提交的数据需要与服务器端处理的解析方式相匹配。例如，如果你使用`bodyParser.urlencoded()`，那么HTML表单的`method`应设为`POST`，并使用`name`...
关于Express的req.body返回为空的问题
weixin_43460960的博客
04-29 5652
最近打算开发一个前端团队内部使用的api管理系统，也算是正式接触到了nodejs，项目后端使用的是express框架+mongodb数据库。在做登录验证的时候遇到了req.body为空的问题，虽然搞懂后发现确实有些小白了，但还是在此按照当初遇到问题的顺序来记录下，希望能给需要的同学提供一些思路。 问题1：未发现body-parser 后台node服务跑不起来，一直报错没有发现body-parser...
express解析的req.body为{}
zhoudado921的博客
11-20 2699
问题来源 语言：nodejs 框架：express 需求：对接视频结构化设备（此服务会推送捕捉到的人像或者车辆等信息） 开发：使用express快速搭建一个新项目 问题：对接时，视频结构化设备推送的信息，打印出来的req.body是{}空对象。但是我使用postman调用的时候，是可以打印出来body对象的。 实现：以下我将按照我的思路来重构一下问题和找问题的思路。 开发 使用express快速搭建新项目 1.npm i express -g 2.npm i express-generater -g 3.e
Node.js使用Express框架post传参服务器端为空的解决方法
qq_46641047的博客
07-21 1172
在Node.js中的express模块中post传参，服务器端参数为undefined的解决方法
Express中间件
m0_63400611的博客
04-13 388
中间件的概念 中间件 (Middleware) ,特质业务流程的中间处理环节 Express中间件的调用流程 当一个请求达到Express的服务器之后,可以连续调用多个中间件,从而对这次请求进行预处理 Express中间件的格式 Express的中间件,本质上就是一个function处理函数,Express中间件的格式如下: 注意: 中间件函数的形参列表中,必须包含next参数,而路由处理函数中只包含req和res next函数的作用 next函数是实现多个中间件连续调用的关
【Node.js】中req.params,req.query,req.body
m0_48982503的博客
02-24 2041
GET请求的参数在URL中，在原生Node中，需要使用url模块来识别参数字符串。在Express中，不需要使用url模块了。可以直接使用req.query对象。 POST请求的参数解析必须使用body-parser模块（此中间件已经被express集成，无需调用安装body-parser，可以直接采用express.json() express.urlencoded()实现相同功能。）使用后，将可以用req.body得到参数。 req.params,req.query是用在get请求当中 1.
node中req.params,req.query,req.body三者的区别
xiao_xiao_o的博客
07-12 841
req.params和req.query用于get请求req.body用于post请求 1.req.params req.params用于get请求中的动态路由。 这里大致介绍一下动态路由，可以参考一下下面的图。 通过req.params.id，我们就可以得前端传进来的id。 2.req.query 例如一个表单需要提交name和password 假如我们get请求的路由地址是这样的http://localhost:3000//?name=node&password=123...
node中通过post发送请求res.body获取不到数据
terryhouzhaofeng的博客
08-14 2713
node中通过post发送请求res.body获取不到数据，解决方法
node.js取参四种方法req.body,req.params,req.param,req.body
MyNameIsXiaoLai的博客
12-28 548
node.js取参四种方法req.body,req.params,req.param,req.body 参考：https://my.oschina.net/u/2519530/blog/535309 获取请求很中的参数是每个web后台处理的必经之路，nodejs的 express框架 提供了四种方法来实现。 1,req.body 2,req.query 3,req.params 4,r...
nodejs post请求拿不到req.body数据
05-26
如果你在 node.js 中使用 POST 请求，但是无法从 `req.body` 中获取数据，可能有几种原因。 1. 没有正确地使用中间件 在使用 Express.js 等 web 框架时，需要使用中间件解析请求正文。如果没有正确地使用中间件，`req.body` 将为空对象。 在 Express.js 中，你可以使用 `body-parser` 中间件解析请求正文。在你的应用程序中添加以下代码： ```javascript const express = require('express'); const bodyParser = require('body-parser'); const app = express(); // 解析 application/json app.use(bodyParser.json()); // 解析 application/x-www-form-urlencoded app.use(bodyParser.urlencoded({ extended: true })); ``` 2. 请求的 Content-Type 不正确 如果请求的 Content-Type 不正确，`req.body` 将为空对象。请确保请求的 Content-Type 与你的中间件解析正文的类型匹配。 3. 请求体太大 默认情况下，Node.js 的 HTTP 模块限制请求正文大小为 100kb。如果请求正文超过此大小，则 `req.body` 将为空对象。 你可以通过在 `http.createServer` 函数中传递一个选项对象来更改此限制： ```javascript const server = http.createServer((req, res) => { // 增加限制为 1MB req.connection.setTimeout(1000 * 60 * 10); // 10 分钟 req.connection.setMaxListeners(50); req.on('data', chunk => { // 处理数据 }); }); ``` 以上是一些常见的原因，如果以上方法都无法解决问题，你可以尝试使用调试工具来检查请求和响应。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值