Chrome - 修改请求参数后重放请求

接口根据请求参数不同，返回不同的响应值。

在 charles 中可以使用断点的方式，那么在谷歌浏览器的控制台中怎么实现呢？

• 右键请求 - Copy - Copy as fetch
• 切换到控制台 tab，粘贴
• 修改参数后，按下回车
• 返回 network tab 即可查看到重放请求

Copy as fetch

是指在 Chrome 浏览器的开发者工具中，可以将某个网络请求复制到剪贴板中，格式为 Fetch API 代码，以便在开发过程中进行调试和测试。

使用该功能，您可以轻松地将请求示例粘贴到 JavaScript 代码中，并通过更改参数来调整和测试请求。这方面的好处是使得开发人员不必手动编写 HTTP 请求代码，而是可以通过 Chrome 自动生成代码，从而减少了代码书写的时间和工作量。

Fetch API

Fetch API 是一种用于获取和发送 HTTP 请求的新型 Web API，它提供了一种现代化的方式来处理网络请求。Fetch API 提���了一组接口，可以让 JavaScript 代码轻松地处理HTTP请求和响应。

使用Fetch API，您可以向服务器发送 GET、POST 等各种类型的请求，并且可以控制请求头、请求体等参数。Fetch API 还支持 Promise，因此您可以轻松地使用异步方式处理请求和响应，而不必使用回调函数。

另外，值得注意的是，Fetch API 是基于浏览器内置的 XMLHttpRequest（XHR）对象实现的，但它提供了更为简洁、易用和灵活的 API 接口。