如何在 JavaScript 中向 ContextualWeb 图像搜索 API 发出 GET 请求？

Question

我正在使用RapidAPI 访问ContextualWeb 图像搜索API。给出的代码示例仅适用于服务器端： https://rapidapi.com/contextualwebsearch/api/web-search/

我正在尝试将 API 集成到 React JS 应用程序中。如何在 JavaScript 中发出 GET 请求？

这是来自 Rapid API 网站的 CURL 示例：

curl --get --include 'https://contextualwebsearch-websearch-v1.p.rapidapi.com/api/Search/ImageSearchAPI?autoCorrect=false&pageNumber=1&pageSize=10&q=Taylor+Swift&safeSearch=false' \
  -H 'X-RapidAPI-Host: contextualwebsearch-websearch-v1.p.rapidapi.com' \
  -H 'X-RapidAPI-Key: XXXXXXXX'

图像搜索 API 应返回结果 JSON。

Answer 1

给定的curl 请求转换为以下fetch API（由浏览器实现）请求。

const url ="https://contextualwebsearch-websearch-v1.p.rapidapi.com/api/Search/ImageSearchAPI?autoCorrect=false&pageNumber=1&pageSize=10&q=Taylor+Swift&safeSearch=false"
const options = {
  method: 'GET',
  headers: {
    "X-RapidAPI-Host": "contextualwebsearch-websearch-v1.p.rapidapi.com",
    "X-RapidAPI-Key": "XXXXXXXX"
  },
}

fetch(url, options)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(e => console.error(e))