前端调用后端接口的错误(400)

最新推荐文章于 2024-05-17 02:13:21 发布
最新推荐文章于 2024-05-17 02:13:21 发布
阅读量8.8k 收藏 1
点赞数 1
分类专栏： 开发问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hx1043116928/article/details/107858060
版权

前端调用后端接口时，浏览器debug出现Failed to load resource: the server responded with a status of 400 (Bad Request)

之后debug还会出现出现问题的url

这种问题一般是前后端参数不一致的问题

比如user类，里面包含属性id,name,age,gender等参数

前端发送的json格式而后端接收的时候使用user类型接收，就会出现这个错误

需要先以json格式进行接收，之后进一步的将其转化为user类型的数据

 

 

400 500 错误也不一定是前后端联调的错误

也可能是前端类型参数不对，比如要求Integer，输入了null

艹

Thexin.
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
接口报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
前端获取http状态码400的返回值实例
10-19
下面小编就为大家带来一篇前端获取http状态码400的返回值实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
前端发送请求到后端报400错误问题
m0_49789433的博客
11-25 2153
一般情况下，前端发送请求到后端，报400是由于前后端json对象中的属性名与后端接收请求的实体类的属性名不对应（完全相同）引起的。排除400错误的方法如下： 1、前端发送的属性名和后端实体类的属性名不对应 解决方法：检查前端发送的Json对象中的属性名与后端接收请求参数的实体类对象的属性名是否对应（名称必须相同），前端发送的JSON对象的属性值后端实体类的属性中必须有，也就是说前端发送的JSON对象中的属性后端接收的实体类中必须要包含JSON对象中的所有属性，也就是说实体类中的属性可以比JSON中属性多
Web前端最全前端如何调用后端接口进行数据交互（极简）_前端调用后端接口，2024我的前端大厂面试之旅
最新发布
2401_84447362的博客
05-17 652
很明显，大家看看应该就明白了，前端发请求时可以携带数据，比如账号、密码啊等等，后端接收后，就可以处理啦，然后把处理结果返回给前端，前端接收后，就可以渲染了，或者给出操作成功的提示。这里的axios就是我们发起请求所必备的文件，这些文件在文章末尾会有给出。
接口请求报400：malformed request syntax, invalid request message framing, or deceptive request routing
木仕的博客
08-29 7066
第一种情况 去看一下前端传的参数是不是有接口里没有的参数，，前端调用接口传的参数可以少，但一定不要比接口中的接受对象里的属性多。 举个例子：你用ajax发送了一个post请求携带的json参数是这样的： { “name”:“四百”, “age”:“100”, “sex”:“man” } 然后你请求的后端接口是这样的： @PostController("/newbee") puiblic String newbee(@RequsestBody Person person){} 然后Person是这样的： cl
前端获取接口报400错误时返回的响应数据的方式
码飞_CC的博客
08-17 6893
后端接口在处理请求时，如果发生错误，采用 throw Error() 的方式处理，这样前端请求的结果为： 对应的响应数据： 这时如果我们在代码中直接采用 try catch 来捕获并输出错误信息时，会发现是以下结果： onError: (err) => { console.log('err', err) } 控制台输出： 这并不是我们想要的 response 的数据。为什么结果会是这样呢？ 这里如果直接输出 err，其实等于输出 error.message。 我们想要获取接口的返回的数
接口请求异常，状态码为400 – Bad Request
ice_kind的博客
11-26 7289
请求头过大 400-Bad Request异常
400状态码是前端还是后端问题？
weixin_50614575的博客
06-24 9269
常见的400错误是前端的问题还是后端的问题呢？ 通常，我们常见的http的状态码，主要有两种形式： （1）bad request —错误的请求 （2）invalid hostname 不存在的域名 400 bad Request 是由于明显的客户端错误（例如，格式错误的请求语法，太大的大小，无效的请求或欺骗性路由请求）服务器不能或不会处理改请求 在ajax请求后台数据时比较常见。产生的http 400错误的原因有： 1、前端提交的数据的字段名称或者字段类型和后台的实体类不一致，导致无法封装 2、前
【远程调用返回400问题排查(已解决)】
JAVA_ZZX的博客
09-08 9732
远程调用返回400问题排查
踩坑！！400(bad request)的解决方案
sxh06的博客
04-18 1万+
最近在做一个ssm+shiro的在线组卷，在线考试平台时，我在考生点击交卷按钮后发送一个ajax请求给后端，完成交卷，但是前端却提示如下 ajax请求如下： url:'jiafen?content='+content+'&myselect='+val+"&examId="+'${sessionScope.thisenexamId}'+'&username='+'${user.username}' 好家伙400，然后我就一顿百度，网友说是什么请求参数的问题，参数个数不匹配，请求无法
前端报错400-
z2014ypd的博客
04-01 715
因为日期出现400-的问题，则需要在domain实例层添加相应的注解，转换日期格式，使用spring、SpringMVC、easyUI框架写的仓库后台管理系统，测试的时候若是没有报错，订单列表能够展示，涉及到订单详情的数据展示失败，打开订单详情并无数据展示，那么这时候就要考虑实例层是否定义错了字段属性，以及控制层是否写错方法，导致数据写入数据库失败，回填表单失效。 ...
前端请求时报400错误码 invalid parameter
金戈铁马
11-28 3827
案例一： 前后端分离架构。前端 nodejs WEB服务器，后端  tomcat WEB服务器。 前端GET请求时，从浏览器的调试页面中，可以看到返回错误码为 400， invalid parameter。 可是后端tomcat 从LOG上看并没有收到任何请求。 最后发现是前端的代码异常，这个错误是nodejs web服务器处理并返回给浏览器的。请求确实没有发到后端的tomcat服务器。 ...
400异常
m0_61928065的博客
02-11 2266
400：在 ajax 请求后台数据时比较常见。产生 HTTP 400 错误的原因有： 1、前端提交数据的字段名称或者是字段类型和后台的实体类不一致，导致无法封装； 2、前端提交的到后台的数据应该是 json 字符串类型，而前端没有将对象转化为字符串类型； **解决方案：** 1、对照字段名称，类型保证一致性 2、使用 stringify 将前端传递的对象转化为字符串： ...
解决：Uncaught (in promise) Error: Request failed with status code 400
weixin_71403100的博客
04-24 7916
第二步：去组件中查看自定义回调函数内的参数是否书写正确，检查后发现，我接收的参数没有解构就直接使用了，导致参数异常！[object%20Object]--->👉可能是由于JavaScript对象未正确转换为字符串表示形式导致的。第一步：我先去检查了接口看书写是不是有问题，参数有没正常携带，检查了几遍发现接口书写的没问题。以下2张图片作为对比，上面是错误的，错误原因为：参数未解构就直接使用了。错误可能是由于请求参数不正确或者缺少必要参数导致的。在写项目的时候，获取三级联动的数据，一直报以下错误。
HTTP请求报错：400 Bad Request解决方法！！（终极整理）
热门推荐
good_good_xiu的博客
04-03 37万+
问题场景：当项目的前端页面使用ajax请求访问后端时，出现该错误。 我这里是测试接口时，发生了错误。 原因一：请求参数个数不对。 后端接口上明确规定了请求参数的个数。比如：接口（方法）中的值中使用了requestparam注解，requestparam注解中有个require属性，默认为true，意思则是，必须要传该参数的值（该参数不可为空）。 解决办法： 1.如果该参数是可传可不传的，修改require属性为false。 2.检查前端js文件中对应的ajax请求中的请求数据是否为空，或者是否有该参数。
写一段代码，前端调用后端接口失败用弹出框显示错误信息
07-12
好的，以下是一个示例代码，用于在前端调用后端接口失败时使用弹出框显示错误信息： ```javascript // 前端代码 fetch('/api/backend') // 调用后端接口 .then(response => { if (!response.ok) { throw new Error('请求失败'); // 当请求不成功时抛出错误 } return response.json(); }) .then(data => { // 处理返回的数据 }) .catch(error => { // 弹出框显示错误信息 alert('调用后端接口失败: ' + error.message); }); ``` 在上述代码中，我们使用了 fetch 函数来调用后端接口。当请求不成功时，我们抛出一个错误，并在 catch 块中使用 alert 函数来弹出框显示错误信息。你可以根据实际情况进行修改和适配。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值