Что не так с этим запросом на получение?

Question

    let path=`api.openweathermap.org/data/2.5/weather?q=London`;
    let apiKey=  `&APPID=758bab291826491e79f93979de2ba255`
    let url= path+apiKey;


  function getWeather(url){
     return fetch(url)
        .then(response=> response.json())
        .then(data=>console.log(data))
        .catch(err=> console.log(err))

  }

getWeather();

я получаю это в консоли

Я не могу понять это, я очень новичок в этом. Это говорит 404, но если я скопирую URL и пойду к нему, он показывает данные JSON

ошибка после добавления https: //

Answer 1

это должно сработать:

let path = `https://api.openweathermap.org/data/2.5/weather?q=London`;
let apiKey = `&APPID=758bab291826491e79f93979de2ba255`;
let targetURL = path + apiKey;

function getWeather(url) {
  return fetch(url)
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(err => console.log(err));
}

getWeather(targetURL);

так что есть 2 проблемы с вашим первоначальным вопросом:

1. когда вы делаете выборку, она пытается выполнить выборку из домена приложение в настоящее время. Именно поэтому вы получаете 127.0.0.1:5000 (localhost), если вы укажете https: // это не должно быть сделано.
2. вы не передавали URL в функцию getWeather (url), которая ты объявил. Надеюсь, это поможет!

Answer 2

попробуйте вместо этого:

let path=`https://api.openweathermap.org/data/2.5/weather?q=London`;
let apiKey=`&APPID=758bab291826491e79f93979de2ba255`
let url=path+apiKey;

function getWeather(url){
  return fetch(url)
  .then(response=> response.json())
  .then(data=>console.log(data))
  .catch(err=> console.log(err))
}

getWeather();

Это должно работать. Зачем? Потому что, когда вы делаете выборку, она пытается выполнить выборку из домена, в котором находится приложение. Именно поэтому вы получаете 127.0.0.1:5000 (localhost), если вы указываете https: //, это не должно делать .