乐趣区

关于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 中的申请生成代码

退出移动版