Задать вопрос
@sawuer
javascript

Как правильно получить данные через fetch() вместе с заголовком со стороннего API?

При помощи Postman у меня получается получить данные по адрессу "https://api.weather.yandex.ru/v1/forecast?lang=ru&..." и с заголовком "X-Yandex-API-Key: <тут мой api ключ>":
5da4ae64a11d0787438535.png

Делаю тоже самое, но с 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)
      });

Я получаю код 200 и пустой респонс:
5da4afcc9b800507401201.png

В чем может быть проблема?
  • Вопрос задан
  • 662 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
@2bllk
Может стоит попробовать указать метод: "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)
});

Ибо я вижу у Вас на последнем скриншоте указано, что запрос происходит методом OPTIONS, а должен — методом GET
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Помощь с парсингом XML файла яндекс товаров
19 апр. 2024, в 09:46
500 руб./за проект
Обработать массив фотографий
19 апр. 2024, в 08:46
5000 руб./за проект
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Ещё заказы