【React工作记录十二】前端对接口参数错误如何解决

最新推荐文章于 2023-02-01 18:58:46 发布
最新推荐文章于 2023-02-01 18:58:46 发布
阅读量1k 收藏
点赞数 24
分类专栏： 前端项目工作实战 文章标签： 前端 react.js reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/geyaoisnice/article/details/122037913
版权
本文是作者歌谣的工作记录，分享了在React项目中遇到接口参数错误的问题及解决方案。问题主要涉及提交数据对象顺序未排序、类型不正确、多字段问题。解决方法是使用`json-stable-stringify`库进行数据有序序列化，并建议通过比对工具与后端接口文档进行参数校验。
摘要由CSDN通过智能技术生成

目录

前言

导语

解决思路

总结

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

后端xxx 我的接口报错了 快帮我看看是什么原因

项目里在调用多数据保存的接口的时候，往往会先出现参数错误，出现这个错误的原因不出一下三点

1. 提交数据对象

了解本专栏 订阅专栏 解锁全文 超级会员免费看
前端大歌谣
关注
  • 24
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
前端开源库-react-scripts-ts
08-30
例如，React组件的Props和State可以通过接口来定义，这样在使用时如果类型不匹配，编译器会立即报错，避免了运行时可能出现的错误。 在开发过程中，`react-scripts-ts`还支持热模块替换（Hot Module Replacement，...
react-基于react16reactrouter4typescriptreactredux的移动端音乐播放器
08-15
此外，还支持错误边界，可以捕获并记录组件渲染和生命周期方法中的错误。在这个音乐播放器项目中，React负责组件化UI结构，使代码可重用且易于维护。 2. **React Router 4**：React Router是React社区的一个流行...
get请求报错Error in v-on handler (Promise/async): "Error: Request failed with status code 400"
热门推荐
i++;
04-16 1万+
可能是参数错误 get请求在路径拼接参数分两种类型 一种是“/”类型拼接 const {data: res} = await this.$http.get("/packagemanager/package/selecttwo/" + JSON.parse(window.sessionStorage.getItem("user")).uphone) 后端接受 @Re...
关于传值问题解决
xiaoxiaode_shu的博客
12-27 230
1.表关系 2.传值（跳入controller,然后到jsp） 3.跳入到jsp页面 4.用input接收传过来的值   5传入到新增和查询按钮 打开界面包括，新增和编辑 1.用三目运算符判断id是否等于key（如果存在就为key,否则就为空）, 2.传入的时候把id也传过来，进行新增保存。 6.查询的时候，把id带进去进行查询   调用到controll...
react axios请求服务器，服务器接收不到参数问题
weixin_40841731的博客
10-30 2261
本人在用react写页面时。请求自己后台，发现明明传了参数，后台debug模式，查看，接收不了参数。 问题点：传参格式不正确，与后台想要的格式不一致。 业务描述：角色页面，初始化页面获取角色，分页查询，参数为分页参数 （一）不能传参时的  （第一种场景） 1、前端代码 constructor(props) { super(props) this.state = {...
React开发（219）:签名错误一般是对应参数错误
歌谣的博客
10-26 141
参数错误
react前端封装接口弹出错误_React 开发者常见的 3 个错误
weixin_42465885的博客
01-17 688
React 开发者常见的 3 个错误关于前端开发，我最开心的事情就是总有新的东西可以学习。但我们可能一辈子都在掌握各种编程语言、库和框架，但仍然一无所知。因为我们都在学习，这也意味着我们都容易犯错误。没关系，我们的目的是变得更好。如果你犯了一个错误并从中吸取教训，你就做得很好！但是如果你没有学到任何新的东西，并且不断重复犯同样的错误，emmm。。。可能你的职业生涯就会停滞不前。本着这种精神，下面是...
前端面试题之safe相关题集.zip
最新发布
06-21
8. **安全的API设计**：设计RESTful API时，考虑权限控制、速率限制、错误处理和数据验证，确保API接口的安全性。 9. **浏览器同源策略**：理解同源策略的原理，知道如何使用CORS、IFrame和Web Workers等技术来安全...
posttimes:一个简单的多页面React博客
04-13
8. **错误处理和日志记录**：在前端代码中添加适当的错误捕获和用户反馈机制，提升用户体验。 综上，"posttimes"项目是一个实践React多页面应用开发的实例，涵盖了React基础、路由管理、状态管理等多个核心知识点，...
React-URL-Shortener:URL Shortener与react和express
04-16
2. **中间件**：Express支持中间件，可以用于处理请求、响应，如验证请求参数、日志记录、错误处理等。 3. **数据库集成**：通常，URL Shortener会将原始URL和对应的短链接存储到数据库中，Express可以与数据库（如...
前端使用GET请求时，参数或数据丢失
xixiGirlLiu的博客
02-01 2679
最后发现参数没有传过去是因为请求参数中有一个参数的value值是有问题的，而使用get请求时，参数会拼接在url上。有问题的参数是collection_address的value值有一个#号，这就是问题所在。并且拼接在collection_address后面的参数都没了，正常我应该是这样的。是因为当参数中存在#，会自动将#及后面的内容都拦截，所以#后面所有的东西都丢失了。当我发起get请求时，我的参数就变成了这样，会发现，64之后所有的字符都不见了。
前端get请求中参数含有特殊字符导致报错（已解决）
认真学习Java
07-04 757
今天工作中遇到get请求中参数含有特殊字符导致报错的问题，报错情况如title部分： 只要将传入的值转化为浏览器认识的即可，具体如下： 使用encodeURIComponent()方法
前端传到后台的参数出错，不能转换 present but cannot be translated
violin256的博客
05-03 1404
报错信息 前端 后端 Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is java.lang.IllegalStateException: Optional int par...
接口传值乱码
zhouzhihao95的博客
06-06 2074
这几天做的一个接口，给对方返回参数是中文，找了各种问题。 原因1：服务器编码与对方对不上。 原因2：对方自带一次解码。 解决方案1:换一个服务器IP; 解决方案2:将中文按照口径编码后直接传过去。
javaScript中常见的几种报错类型
weixin_30416871的博客
03-27 463
一般我们运行代码的时候，在控制台报错会相应的显示你错误的行数，找到那一行，查找你相应的错误 1、xxx is not defined xxx 没有定义 2、xxx is not a function xxx 不是一个函数 xxx此时是undefined 3、Cannot read property 'xxx' of und...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端大歌谣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值