Как сделать запрос GET к API поиска изображений ContextualWeb в JavaScript?

Question

Я использую RapidAPI для доступа к ContextualWeb API поиска изображений .Приведенные примеры кода приведены только для серверной части: https://rapidapi.com/contextualwebsearch/api/web-search/

Я пытаюсь интегрировать API в приложение React JS.Как сделать запрос GET в JavaScript ?

Вот пример CURL с веб-сайта Rapid API:

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))