这两个请求有什么区别？答案

【问题标题】：What's the difference between these two requests?这两个请求有什么区别？
【发布时间】：2022-02-08 00:12:53
【问题描述】：

为什么第一个请求返回200，

fetch("https://api.peopledatalabs.com/v5/autocomplete?api_key=someAPIKey&field=location")

但第二个返回 400/401？

fetch(`https://api.peopledatalabs.com/v5/autocomplete`, {
    "api_key": "someAPIKey",
    "field": "location"
    });

【问题讨论】：

因为对象不是要传递给服务器的值。阅读有关 init 对象是什么的文档。 developer.mozilla.org/en-US/docs/Web/API/fetch
你为什么期望第二个工作？ api_key 和 field 是 not valid options for fetch()
如果你想让第二个工作，你必须把数据放在body key 中，作为 FormData 或 UrlSearchParams

【解决方案1】：

在第二种方式中，您传递了option 参数（带有“api_key”和“field”），而不是您的意思的 queryParams。

您可以使用 URLSearchParams 将其更改为工作

fetch('https://api.peopledatalabs.com/v5/autocomplete?' + new URLSearchParams({
    api_key: "someAPIKey",
    field: "location",
}))

【讨论】：