axios 之 post请求参数格式不正确得问题

最新推荐文章于 2025-07-02 10:25:35 发布
最新推荐文章于 2025-07-02 10:25:35 发布
阅读量3.2k 收藏 4
点赞数 3
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangshang1320/article/details/88716464
作者使用axios发起post请求时，后台无法获取数据。经查找发现，使用json格式会触发源码方法改写头部导致问题。解决办法是将参数改成特定格式，作者采用qs模块，经安装、引入和使用后，问题解决，后端能正常获取数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题是这样得，今天用axios 发起要给post请求，参照官方写得

     请求过后发现后台拿不到数据，找了很久发现了问题：

就是axios发起post请求得时候发送过去的数据成了键，而值是空 就是这样    这样明显和其他得不一样啊，然后找了一些资料说是如果这里用得是json格式就会触发源码里面得某某方法将头部改写了，然后就出问题啦，这里需要将参数改成userName=33&password=4444 这种格式

网上说了几种解决方法，我用得qs模块：   1.安装 npm install  qs  2.引入   import qs from 'qs';   3.使用

结果成功啦

正常得格式  ，这样后端就能拿到啦~~

wangshang1320
关注
使用ajax对象传递post参数无法显示结果
qq_52754960的博客
02-07 537
传递post请求参数.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p> <input type="text" id="username"> </p>
Vue 使用axios 发送post请求,参数格式有错误问题
热门推荐
你好邱林和的专栏
01-17 5万+
Vue 使用axios 发送post请求,参数格式有错误问题: 注:网上很多都是使用post发送的例子,但是我使用过程当中,就是参数有问题,一直报参数无法present的问题,后来看到这篇博客,需要引入QS对参数进行转换,且要设置Content-Type,这样就可以了,特别注意QS的功能: 完全不是一个东西，功能虽然都是序列化。假设我要提交的数据如下 var a = {name:'hehe
Axios 发送请求参数方式（前端） & Spring Boot 接收方式（后端）
最新发布
weixin_50656147的博客
07-02 283
Axios 传参方式Spring Boot 接收注解params查询参数请求体 JSONURL 路径变量。
解决axios,post请求传递不了对象{}参数的问题
weixin_49333876的博客
06-08 646
由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，PHP后端未必能正常获取到，所以在发送之前，需要使用qs模块对其进行处理。 首先 npm install --save qs 然后 import qs from 'qs'; ... axios.post('post.php', qs.stringify({ a: '1' })) .then( ... ) .catch( ... ); ...
post请求报错
kkkghjk的博客
03-12 3801
报错 接口封装 接口使用 原因是post输入参数的格式问题，将qs的封装去掉 修改完之后，请求成功
Http发送post请求之参数异常
村东头老杨的博客
04-28 3169
问题产生背景：接口请求正常，但是数据无法正常传递，以我出现的问题截图为例： 然后我查看了日志，结果日志给我打印的结果是： 对比之后我才发现，这参数的字符“+”没给我传啊，然后开始debug，最后发现居然是这个 StringEntity entity = new StringEntity(param,"UTF-8");捣的鬼，然后改成UrlEncodedFormEntity问题解决。 解析：StringEntity和UrlEncodedFormEntity区别 1、UrlEncodedForm
axios发送post请求springMVC接收不到参数的解决方法
08-27
Axios 发送 POST 请求 Spring MVC 接收不到参数的解决方法 Axios 是一个流行的 JavaScript 库，用于发送 HTTP 请求。然而，在使用 Axios 发送 POST 请求时，有时可能会遇到 Spring MVC 无法接收到参数的情况。这篇...
Vue简单封装axios之解决post请求后端接收不到参数问题
10-15
本文主要介绍在使用Vue框架时，如何通过简单封装axios解决POST请求时后端接收不到参数的问题。在实际开发过程中，经常遇到在前端发送POST请求后，后端无法正确接收请求体中的数据的问题，本文给出两种解决方案，并...
解决axios发送post请求返回400状态码的问题
10-18
本文将详细解析如何处理在使用axios库发送POST请求时遇到的400状态码问题。 首先，400状态码（Bad Request）是HTTP协议中的一个状态码，它表示客户端发送的请求存在语法错误或无法被服务器理解。在本文中，这个问题...
使用axios发送post请求,将JSON数据改为form类型的示例
12-13
通常前端通过POST请求向服务器端提交数据格式有4中，分别是”application/x-www-form-urlencoded”格式、” multipart/form-data”格式、”application/json”格式和”text/xml”格式。通常最常见的是”application/...
requests 发送 POST 请求时的数据格式问题
weixin_42902669的博客
04-30 3965
记录一个写爬虫时遇到的坑。 请求头和请求参数分别为 按照以往的习惯，直接把请求参数改写为字典，然后使用 requests.post(url, headers=headers, data=data) 发送请求，结果一直请求失败，浪费了一个小时之后终于找到了出错的原因。 原因就是请求头中规定了发送请求时请求参数的格式，注意请求头中的这一行 Content-Type: application/jso...
请求“参数”不对bug
zhangjie1989的专栏
11-16 3459
调试程序的时候一直有一个请求的参数不对，但是在查看“对应”请求的地方发现没有任何问题，多次确认后还是无问题，很头痛，最终发现是在另一个请求的地方写错了请求地址（实际上是自己封装的和手表通信，请求的一个path，也相当于网络请求的url）参数肯定是不一样的。 遇到类似bug的时候，比如真正应该请求的地方是A，在确认A无误后，那么错误肯定就是在其他地方误用了，导致被认为是A的错。
http以post方式请求时,参数为json格式的字符,被请求方不能识别该请求 获取不到数据
beyond丿灬的博客
03-19 1万+
当你用postman进行类似这种请求时是可以获取返回数据的, 但是如果你用java代码模拟http的post请求时将参数直接挂在url后面的时候被请求方将不会识别这种请求,那怎么样才能改正呢? 直接上代码: 工具包依赖: <dependency> <groupId>cn.hutool</groupId> ...
axios上post请求参数的坑
q975470633的博客
03-01 1021
axios在进行post请求时，content-type默认是application/json;charest=utf-8,并且对进行JSON.stringify处理，这时如果后端的请求头格式要求@RequestParam（只能从param中获取参数） 方法1：如果headers已经把content-type设置为application/x-www-form-urlencoded还不行的话，需要对...
VUE中post给接口传递参数异常的解决办法（持续更新）
沉默的小猴子的博客
12-16 4455
VUE中post给接口传递参数异常的解决办法（持续更新） 本文持续更新，目前列举本人遇到的问题： 使用this.axios.post(/xxxx, {params:{data:xxxx}).then这种方式，偶尔会遇到如下： 这种会导致后端接收到的参数都是空的。因为**params[参数名字]**出现了异常。 解决：1. JSON.stringify(params)。这种并不是很可靠。因为...
【愚公系列】2022年05月 vue3系列 axios请求的封装（TS版）
时光隧道
05-19 1万+
文章目录前言1.axios介绍2.vue-axios介绍一、axios请求的封装（TS版）1.JwtService2.ApiService3.使用4.axios配置详解4.1 url（必写）4.2 method4.3 baseURL（常用）4.4 transformRequest4.5 transformResponse4.6 headers（常用，如设置请求头json类型）4.7 params（常用，只有get请求设置params，其他请求需设置params,即只有get的请求参数位于url后，其他请求参
TS--axios在ts中的使用
Anorry的博客
07-15 1112
使用Axios提供的方法（get、post等）去发送网络请求。方法中使用类型断言或类型推断来获取数据的类型并进行相关的操作。在上面的代码中，使用泛型。声明了响应数据的类型。
解决 requests.post 数据字段编码问题的方法
随便写写
12-02 2283
解决 requests.post 数据字段编码问题的方法有多种，我们可以根据实际情况选择合适的方法。设置请求头中的字符编码是一种简单有效的方法，可以避免因编码不匹配而导致的错误。使用参数化查询可以避免因参数拼接导致的编码问题。当以上两种方法都无法解决问题时，我们可以考虑使用第三方库来进行编码转换。在使用 chardet 库进行编码转换时，需要注意 chardet 库的检测结果可能存在一定的误差，因此需要进行适当的校验和纠错。
http请求错误解释
独树一枝
12-01 5981
302 Found，原始描述短语为 Moved Temporarily ，是HTTP协议中的一个状态码(Status Code)。可以简单的理解为该资源原本确实存在，但已经被临时改变了位置；换而言之，就是请求的资源暂时驻留在不同的URI下，故而除非特别指定了缓存头部指示，该状态码不可缓存。 ...
axios的post请求参数
06-08
在这个例子中，请求参数是一个包含 firstName 和 lastName 属性的对象，Axios 会将其转换为 JSON 格式，并通过 POST 请求发送给服务器。这种方式通常用于发送较小的请求参数。 2. 通过请求体传递：这种方式可以将...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值