What is the correct way to fetch data via fetch() along with a header from a third party API?

Question

JavaScript

Using Postman, I can get data at the address " https://api.weather.yandex.ru/v1/forecast?lang=ru&... " and with the header "X-Yandex-API-Key: <here is my api key>":

I do the same, but with fetch():

fetch('https://api.weather.yandex.ru/v1/forecast?lang=ru'+ '&lat=' + this.props.city.lat + '&lon=' + this.props.city.lon, {
      headers: (new Headers({
        'X-Yandex-API-Key': API_KEY
      }));
    })
      .then(resp => resp.json())
      .then(res => {
        console.log(res)
      });

I get code 200 and empty response:

What could be the problem?

Answer 1

Maybe you should try to specify the method: " method: 'GET' "?

fetch('https://api.weather.yandex.ru/v1/forecast?lang=ru'+ '&lat=' + this.props.city.lat + '&lon=' + this.props.city.lon, {
    method: 'GET',
    headers: (new Headers({
        'X-Yandex-API-Key': API_KEY
    }))
}).then(resp => resp.json()).then(res => {
    console.log(res)
});

For I see in your last screenshot it is indicated that the request is made using the OPTIONS method , and should be done using the GET method