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

当我的项目开发实现进行提测后，测试人员发现了一条 Bug，定睛一看，原来某个接口报错变成了红色。

这就是 第一个小技巧，对于异样 API，请应用 400+ 状态码进行示意，400+ 状态码在浏览器开发者工具调试下为红色，可一眼定位到异样 API。

那测试人员发现了这条异样申请后，如何告知后端开发呢？

在虫子治理平台提 Bug 时，附以下信息。

1. 告知以后登录用户
2. 告知以后所在页面
3. 告知页面操作步骤

然而，这切实太繁琐了，实际上，只须要一个 curl 即可搞定。

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

这就是 第二个小技巧，在浏览器控制台复制异样 API 的 cURL 扔给后端

后端拿到该 curl 后，无需登录，也无需操作页面，即可打断点进行问题定位。然而如何更好地去管制 Body 传递的参数呢？而在 curl 中批改参数是非常复杂的。

此时，能够在 Apifox 等 API 调试工具中间接将 curl 转化为 Apifox 中的申请，此时批改参数特地不便。

这就是 第三个小技巧，通过 Apifox 等 API 调试工具导入 cURL，不便批改参数

另外，在 Apifox 中还能够将 API 申请，转化为代码，这样子爬虫是不就十分不便了呢:

1. 刷新页面，找到爬虫指标 API 接口
2. 将该 API 接口转化为 cURL
3. 将 cRUL 导入到 Apifox 中的申请
4. 将 Apifox 中的申请生成代码