关于axios发起post请求后端报400错误

最新推荐文章于 2023-12-07 16:51:45 发布
最新推荐文章于 2023-12-07 16:51:45 发布
阅读量4.1k 收藏 4
点赞数 5
分类专栏： 遇见的问题 文章标签： 后端 前端 postman
又见面了 ，惊不惊喜，意不意外
本文链接：https://blog.csdn.net/zxyhj/article/details/122754770
版权

关于axios发起post请求后端报400错误

这是前端错误

​ 这个问题困扰我很久，在网上查找解决的方法要么说利用qs 要么说利用URLSearchParams 传递参数 等等方法 我都试过了 但是还是解决不了 ，我用postman请求后端是可以的 但是用axios就不行。

​ 最后我的解决问题方法是

在这里插入图片描述

将前面的params 更改成data

在这里插入图片描述

在这里插入图片描述

进来断点了，数据都正常

重点

  1. 在使用axios时，注意到配置选项中包含params和data两者，以为他们是相同的，实则不然。

  2. 因为params是添加到url的请求字符串中的，用于get请求。

  3. 而data是添加到请求体（body）中的， 用于post请求。

ata是添加到请求体（body）中的， 用于post请求。**

很傻的错误 仅以此文章为警示，下次不要再踩坑了

简至大道
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
前端传递参数给后端，一直返回400
modernk的博客
12-13 1321
前端传递参数给后端，一直返回400
[ vue ] axios 发送 POST 请求，后端不能通过 HttpServletRequest 获取参数
01-03
vue / axios 部分实现代码 public Result admLogin(HttpServletRequest request, HttpServletResponse response, String username, String password){ log.info(用户名：{}，密码：{},username,password); if...
Vue+axios向后端post JSON数据(报错:400)，不使用qs.stringify()格式化实现方式
旗袍不开、怎么得胜？
07-01 3153
Vue+axios向后端post JSON数据，不使用QS格式化实现方式(后端使用@RequestBody接收参数) axios向后端post请求时出现400，debug发现jquery的ajax请求和axios的post请求默认的请求头不一样(Content-Type)。 jquery的post请求： axios的post请求： 按照度娘所说，可以设置axios的请求头。 ...
ajax请求get正常，但是post返回400，或者返回415问题
热门推荐
java小白白之没有最白的博客
01-28 3万+
首先明确一点，这个肯定是数据格式的问题。 不知道其他人怎么样，反正我是弄了半天才弄好 首先是html页面的ajax请求设置 $.ajax({ type: "post", contentType: "application/json;charset=UTF-8",//我调了半天，就是这里没设置 dataType: "json",//预期服务器返回的数据类型 u
axios发起请求，显示400 (Bad Request)的情况
最新发布
qq_51382904的博客
12-07 298
axios发起请求，显示400 (Bad Request)的情况
（已解决）axios使用get成功，但使用 post 404，原因？
qbk11lus的博客
02-15 3215
axios get请求可以，post请求404，真的让人痛苦，思考的过程是快乐的，哈哈
vue项目axios调后端接口，get请求正常,post请求报错（后端显示跨域）---------解决办法
weixin_38345306的博客
04-29 1929
vue项目axios调后端接口，get请求正常,post请求报错（后端显示跨域）---------解决办法
HTTP请求出现400 Bad Request 的解决方案
weixin_50692585的博客
01-20 4812
这个问题出现的原因，一般就是post请求时发送的参数不对，要么是数据组装错了，要么是对方接口的参数改动了，而你不知情，最后经过检查后发是我在post请求提交的时候使用了 res = requests.post(UMS_ALERT_API, json.dumps(data[-1]), headers=headers, timeout=5) 把data后的[1]去掉就可以正常运行了 ...
axios发送POST请求返回400状态：Uncaught (in promise) Error: Request failed with status code 400。
lzj_4399的博客
04-16 5756
问题：在postman上发送post请求时就能成功获得返回数据，但是在前端发送却得不到返回数据。请求头错误，前端请求头的content-type和后端不一致。axios请求头的Content-Type默认是。排查后端：后端的接口的接收方式 ，已经添加。请求头、数据类型/参数名。@CrossOrigin注解。400错误，大概率就是。postman默认的是。
Loadrunner进行Post请求json格式数据报400、响应结果解决方法
DFireTesting的博客
03-05 1667
前言 最近项目有个需求说要弄一下项目的性能测试，心血来潮就想到好久都没用过LR了，这次用LR进行性能测试，不出所料出现了很多问题，不禁感叹，收费工具想免费用真不容易啊！ 问题1：LR lr_custom_request 进行json格式请求时报错 发现自己有一段时间没有写过lr的代码了，这次心血来潮想着写一遍，以防生疏，谁知道在进行一个新增用户POST请求时居然跑不通了，刚开始报415，一看错误提示就发现是不支持的请求格式，因为我这里是json格式请求， 所以在lr_custom_request方法下加上了
requests.post()返回400解决
weixin_47177392的博客
07-26 4787
requests.post解决400
解决axios发送post请求返回400状态码的问题
01-19
今天在用 axios 发送一个跨域的post请求时，遇到了一个坑：Uncaught (in promise) Error: Request failed with status code 400。 前台代码如下： axios({ method: post, url: ...
Vue简单封装axios之解决post请求后端接收不到参数问题
10-15
主要介绍了Vue简单封装axios之解决post请求后端接收不到参数问题,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Vue-axios-post数据后端接不到问题解决
10-15
主要介绍了Vue-axios-post数据后端接不到问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
axios的POST请求后台报错500，但是用postman就可以正确请求
caoxc86的博客
08-19 9341
axios的POST请求后台报错500，但是用postman就可以正确请求，只有get请求能访问，如下图所示： 问过后端，后端说接口没问题，问过很多朋友，朋友们也觉得我代码没问题，500报错就该找后端解决。我都开始怀疑我的技术了，后来我跟一个做后端的朋友闲聊，聊到这件事，他说会不会就是get请求方式那样拼接，只是把请求方式改成了post，真是一语惊醒梦中人，于是我赶紧尝试，如下图所示： 果然，又学到了！ 总结：一个合格的后端是多么的重要，但如果get请求没问题，post请求报500，多半就是因为p
报错400是什么怎么解决呢？
weixin_61189391的博客
07-14 1万+
你们有没有看出什么端倪来，可以看出前端传递的参数是type，然后后端接受的却是order类型的，所以参数接受错误。出现这种错误一般就是检查参数传递是否异常，前端传递的参数，后端有没有接受正确，前端传递的参数有没有和后端匹配。通常情况下是前端请求后端地址报错400，直接上一个例子。如果你遇到了400错误，你可以检查。时，通常会返回400错误码。它是一种客户端错误状态码，表示。HTTP状态码400表示"是否正确，并尝试修复问题。无法理解客户端发送的请求。未提供有效的身份验证凭据。资源未在服务器上找到。
Axios post 请求400
weixin_40264344的博客
05-11 3420
在封装完Axios后，发现post请求出现400. 找原因发现是请求头的问题。请求的 Content-Type：是 application/json;charset=UTF-8 解决方案：设置post请求头，将参数转换为query参数. 参考了大神的文章：https://blog.csdn.net/csdn_yudong/article/details/79668655#_78 ...
@ResponseBody响应头Content-Type不是application/json
m0_46635976的博客
08-12 1096
后端使用@ResponseBody返回一个对象时，前端无法获取数据。检查发现响应体的Content-Type类型是text/html，需要引入jackson依赖。引入依赖后注意检查编译输出目录是否也有依赖！
接口报400错误解析
weixin_45730286的博客
09-29 2万+
原文地址： https://blog.csdn.net/lw1242189467/article/details/80048407 首先，遇到400问题，最大几率是出现了数据类型不一致的问题，简单来说是Controller层不用正确读取你发送请求附带的参数。该例是我前端传送JSON格式，使用postmen接收。 一.发现400错误的，第一步确认postmen中发送的数据类型是json。比如Headers中Content-Type类型是application/json;或是前端代码Ajax中添加：conten
vue请求后端数据axios
05-26
在Vue中使用axios请求后端数据的步骤如下： 1. 安装axios 可以使用npm或yarn安装axios，命令如下： ```bash npm install axios --save ``` 或者 ```bash yarn add axios ``` 2. 在Vue组件中引入axios 在需要...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值