解决使用post请求获取不到node后端req.body数据的问题

最新推荐文章于 2024-06-13 02:48:16 发布
最新推荐文章于 2024-06-13 02:48:16 发布
阅读量262 收藏
点赞数 2
分类专栏： error 文章标签： javascript 前端 node.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64081601/article/details/139022495
版权

今天写东西发现使用post请求获取不到后台的数据，输出req.body一直是空数据
在这里插入图片描述
而改为get请求则正常，排除了参数形式传递错误的问题，通过查阅网上资料得到以下解决方法

亲测有效

1.在前端请求API的请求头加上

{ headers: { ‘Content-Type’: ‘application/json’ } }

在这里插入图片描述

2.在后端搭建express服务的时候使用express中的内置方法

app.use(express.json())
用于解析Content-Type: application/json 的请求体

在这里插入图片描述

解决结果

在这里插入图片描述

秃头小小girl
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js获取参数的常用方法(总结)
12-24
1、req.body 2、req.query 3、req.params 一、req.body例子 body不是nodejs默认提供的，你需要载入body-parser中间件才可以使用req.body,这个方法通常用来解析POST请求中的数据 <form action='/test' method='post'> <input type='text' name='name' value='lmw'> <input type='text' name='tel' value='1234567'> <input type='submit' value='Submit'> </form>
nodejs body-parser 解析post数据实例
01-20
安装 $ npm install body-parser API var bodyPaeser =require('body-parser') 可以通过body-parser 对象创建中间件，当接收到客户端请求时所有的中间件都会给req.body 添加属性，请求体为空，则解析为空{} （或者出现错误）。 bodyParser.json(options) 中间件只会解析 json ，允许请求提任意Unicode编码支持 gzip 和 deflate 编码。 options 一个对象，有以下属性 inflate 默认为false，true->压缩的请求体会被解压，false->压缩的请求提不被
node中post请求使用req.body获取不到值怎么办
TE杨
05-04 2297
express框架默认是不能获取的，必须加上body-parser中间件
解决node的post请求中req.body获取不到值
请叫我欧皇！的博客
05-31 1063
问题：前端明明传参数了后端通过post请求一直获取不到前端请求到的值。
node中通过post发送请求res.body获取不到数据
terryhouzhaofeng的博客
08-14 2679
node中通过post发送请求res.body获取不到数据，解决方法
OpenResty中post请求body数据部分丢失问题解决
u013623958的专栏
02-26 5578
在使用OpenResty的resty.http进行post请求时，发现body中的数据部分丢失。 经过调查发现，原来是因为body在传入到nginx后，代码中有对body内容进行修改的操作，如下图： 查看resty.http源码后发现 原来body的Content-Length的长度如果不为空则不会重新计算长度，因此body内容会丢失。所以修改方式为： 在进行post请求之前重新计...
Spring Boot Post接收不到body里的参数
逻辑无道
08-14 3025
1.第一步：检查注解是否正确 @ResponseBody @RequestBody 2.第二步：检查参数是否正确，参数类型是否正确 我是用实体类接收的，当时随意写在控制器里，且没有写set get方法 一般来说，实体类是单独的一个类，类名大写 3.第三步：检查Content-Type是否正确 我们是以@RequestBody 接收的参数，检查HTTP Content-Type是否是application/json ...
node后台获取不到前端提交的post数据
u013035708的博客
04-24 3618
遇到的问题中，使用了以下几个解决： 1、body-parser 处理不同类型的请求体：text、json、urlencoded、buffer等，对应的报文主体的格式不同。 处理不同的编码：utf8、gbk等。 处理不同的压缩类型：gzip、deflare等。 var bodyParser = require('body-parser'); //bodyParser中...
postman的请求返回body没有数据
热门推荐
morningsun19的博客
03-19 1万+
1.请求成功，返回body没有数据 （1）断言成功可能是上一个请求发送成功的，有可能是缓存 （2）body没有数据，发送的请求某部分出错了 如：少了个o字 还有就是删除了环境变量 ...
express后台中post请求接收数据req.body为空
01-03
但是，后台打印req.body的打印的值为空 然后我看了很久文档,最终发现,只需要用json解析一下就好了,可能还是自己学的不扎实吧. app.use(bodyparser.json()) 最终,我们可以看到.后台可以打印出前端发过来的值有了, ...
nodejs使用express获取get和post传值及session验证的方法
12-23
比如，前面传入了一个id的值，nodejs获取就可以req.body.id即可 express的session验证 第一步安装cookie和session的模块，并引入 var session = require('express-session'); var cookieParser = require
node-image-upload:关于如何使用 Node.js 上传图像的教程
07-11
使用纯 Node.js 创建图像上传非常广泛，因为您需要手动解析POST body ，检查文件类型等，为了让我们的生活更轻松，我们将使用formidable ，这很方便。对于这些情况. ＃＃强大 模块是专门用于解析表单数据的，让我们...
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 319
在vue.config.js中配置关闭Uncaught runtime errors显示。
前端性能优化：提升网站加载速度的终极指南
喔的嘛呀的博客
06-07 1058
综上所述，通过以上优化方案和具体措施，我们可以有效地提升网站的加载速度，改善用户体验，提高转化率，从而在激烈的市场竞争中脱颖而出，取得更好的业绩和口碑。作为前端工程师，我们应该不断学习和探索，不断优化和提升网站性能，为用户创造更好的上网体验。
自制植物大战僵尸：HTML5与JavaScript实现的简单游戏
m0_73367097的博客
06-08 1904
自制植物大战僵尸
基于JavaScript 如何实现爬山算法以及优化方案
乐闻世界
06-10 1205
爬山算法（Hill Climbing Algorithm）是一种常见的启发式搜索算法，常用于解决优化问题。其核心思想是从一个初始状态出发，通过逐步选择使目标函数值增大的邻近状态来寻找最优解。接下来，我们将通过 JavaScript 实现一个简单的爬山算法，帮助大家理解其原理和应用。从一个初始状态开始。评估当前状态的目标函数值。在当前状态的邻居中选择一个目标函数值更大的状态。如果找到了更优的邻居，则移动到该邻居并重复步骤2和步骤3。如果没有更优的邻居，则算法结束，当前状态即为局部最优解。
vue3如何定义一个组件
Java程序员专栏
06-09 509
注意在子组件的 <template> 中，你使用 {{ propName }} 来显示传递进来的参数值。在父组件中，你使用 :propName="parentMessage" 来将 parentMessage 数据的值绑定到子组件的 propName prop 上。当使用 <script setup> 语法糖时，你不能直接在 <script> 标签内使用 props 选项。在 Vue 3 中，定义一个可以接收参数的组件通常是通过在组件的 props 选项中定义这些参数来完成的。// 其他组件逻辑...
Harmony 开发的艺术 面向对象
最新发布
不懂先生的博客
06-13 783
然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。
（Javascript）AI数字人mp4转canvas播放并去除背景绿幕
lx_nhs的博客
06-12 383
去除前：去除后： 3、可能会出现的报错 （1）视频路径跨域问题：解决：vue开启代理
nodejs post请求拿不到req.body数据
05-26
如果你在Node.js中使用post请求无法获取req.body数据，可能是因为你没有使用中间件来解析请求体。在处理POST请求时，请求体中的数据需要被解析，否则req.body将是undefined。解决这个问题的一种方法是使用body-parser中间件。 1. 安装body-parser：在你的Node.js项目中，打开命令行，运行以下命令： ``` npm install body-parser --save ``` 2. 添加中间件：在你的Node.js应用程序中添加以下行： ```javascript const bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.json()); ``` 这会将body-parser中间件添加到你的应用程序中，解析POST请求中的请求体，并将其作为req.body对象提供。 注意：如果你正在使用的是最新版本的Express框架，body-parser中间件已经内置了，你不需要手动安装它。你可以直接使用以下代码： ```javascript app.use(express.urlencoded({ extended: false })); app.use(express.json()); ``` 这会自动解析POST请求中的请求体，并将其作为req.body对象提供。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值