前后端数据联调的三个小技巧，你一定要知道！ javascript前端

当项目开发完成进行提测后，测试人员发现了一条 Bug，定睛一看，原来某个接口报错变成了红色。
这就是第一个小技巧，对于异常 API，请使用 400+ 状态码进行表示，400+ 状态码在浏览器开发者工具调试下为红色，可一眼定位到异常 API。
那测试人员发现了这条异常请求后，如何告知后端开发呢？
在虫子管理平台提 Bug 时，附以下信息。

告知当前登录用户
告知当前所在页面
告知页面操作步骤

但是，这实在太繁琐了，实际上，只需要一个 curl 即可搞定。

在控制台选中该条异常 API，右键点击 Copy as cURL。
将该 curl 命令贴在 Bug 的上下文信息中

文章图片

这就是第二个小技巧，在浏览器控制台复制异常API的 cURL 扔给后端
后端拿到该 curl 后，无需登录，也无需操作页面，即可打断点进行问题定位。但是如何更好地去控制 Body 传递的参数呢？而在 curl 中修改参数是非常复杂的。
此时，可以在 Apifox 等 API 调试工具中直接将 curl 转化为 Apifox 中的请求，此时修改参数特别方便。