JavaScript 无法访问天气 API

Question

我只是想编写一个简单的天气应用程序来学习 JS。找遍全网都找不到错误...

我没有从 API 获得任何信息。我在浏览器控制台中检查了这个。

我只想显示洛杉矶当前的天气状况。

window.addEventListener("load", () => {
  let temperatureDescription = document.querySelector(".temperature-description");
  let temperatureDegree = document.querySelector(".temperature-degree");
  let locationTimezone = document.querySelector(".location-timezone");

  const proxy = "https://cors-anywhere.herokuapp.com/";
  const api = '${proxy}https://api.darksky.net/forecast/4d5ddfbfc8eabb0dddcb9e78fb408a99/37.8267,-122.4233';

  fetch(api)
    .then(response => {
      return response.json();
    })
    .then(data => {
      console.log(data);
      const {
        temperature,
        summary
      } = data.currently;

      temperatureDegree.textContent = temperature;
      temperatureDescription.textContent = summary;
      locationTimezone.textContent = data.timezone;
    });
});

Answer 1

从快速概览来看，您似乎使用了错误的引号。

尝试将您的 API 变量放入 `` 而不是 ''。