浏览器模拟API客户端发起POST调用后端API接口，亲测有效

目录

1.背景

2.POST示例

3.兼容性

---

1.背景

有时候项目组在生产环境需要验证后端API接口的可访问性或者返回值是否正确，甚至是调用业务模块的初始化方法会受到端口和来源IP的访问限制，所以开发小哥本机的POSTMAN或者API工具就不能给力了。浏览器本身的fetch可以模拟POST或者GET访问后端API接口。

2.POST示例

以下示例为调用后端POST接口，请求提交一段JSON到后端，后端接口返回的也是JSON结果并输出到控制台。

fetch(new Request('http://localhost:8080/api/test',{
    method:'POST',
    headers: {'Content-Type': 'application/json'},
    body:'{\"action\":\"test\",\"code\":\"123456\"}'
})).then(response => response.json())
.then(data => console.log(data));

比如在谷歌浏览器直接点击更多工具-开发者工具，点击控制台可直接粘贴fetch脚本，回车执行可直接查看结果输出。

3.兼容性

并不是所有的浏览器版本都支持fetch，可参考如下图示：