Javascript 在Codesandbox中获取时遇到问题

我正在codesandbox中编写代码，并且非常简单地尝试获取一个天气API。我在codesandbox中做了很多API调用，除了这一次，它一直都很好

我在控制台中运行它，它返回的数据也很好。我真的不明白是什么原因造成的？如果有人能看一看并提供帮助，那将不胜感激。代码如下：

import React, { useState, useEffect } from "react";

const WeekContainer = () => {
  const [data, setData] = useState([]);

  async function getData() {
    const weatherURL = `http://api.openweathermap.org/data/2.5/forecast?zip=11102&units=imperial&APPID=dcadf332823cddfb979926a1414274e8`;
    const result = await fetch(weatherURL);
    const a = await result.json();
    console.log(a)
    setData(a)
  }

  useEffect(() => {
    getData();
  }, []);

  return <div>weekcontainer</div>;
};

export default WeekContainer;

import React，{useState，useffect}来自“React”；
常量WeekContainer=（）=>{
const[data，setData]=useState（[]）；
异步函数getData（）{
常数weatherURL=`http://api.openweathermap.org/data/2.5/forecast?zip=11102&units=imperial&APPID=dcadf332823cddfb979926a1414274e8`;
const result=等待获取（weatherURL）；
const a=wait result.json（）；
控制台日志（a）
setData（a）
}
useffect（（）=>{
getData（）；
}, []);
返回weekcontainer；
};
导出默认WeekContainer；

---

感谢您抽出时间

您的代码给出了以下错误-

页面位于'https://codesandbox.io/'已通过HTTPS加载，但请求了不安全的资源'http://api.openweathermap.org/data/2.5/forecast?zip=11102&units=imperial&APPID=dcadf332823cddfb979926a1414274e8'. 此请求已被阻止；内容必须通过HTTPS提供。

这是因为我们无法从HTTPS页面访问HTTP内容。 检查这个-

您正在尝试从HTTPS上运行的codesandbox获取数据，并通过http调用api.openweathermap.org。将API请求更改为

https://api.openweathermap.org/data/2.5/forecast?zip=11102&units=imperial&APPID=dcadf332823cddfb979926a1414274e8

，您应该能够获取数据

---

这是代码沙盒，用于相同的-

您的代码给出以下错误-

页面位于'https://codesandbox.io/'已通过HTTPS加载，但请求了不安全的资源'http://api.openweathermap.org/data/2.5/forecast?zip=11102&units=imperial&APPID=dcadf332823cddfb979926a1414274e8'. 此请求已被阻止；内容必须通过HTTPS提供。

这是因为我们无法从HTTPS页面访问HTTP内容。 检查这个-

您正在尝试从HTTPS上运行的codesandbox获取数据，并通过http调用api.openweathermap.org。将API请求更改为

https://api.openweathermap.org/data/2.5/forecast?zip=11102&units=imperial&APPID=dcadf332823cddfb979926a1414274e8

，您应该能够获取数据

---

这是相同的代码沙盒-

你会遇到什么样的错误？@ClaireLin另一个人说这是因为我使用http而不是https。Facepalm哈哈哈，这是个小小的错误。谢谢你！你犯了什么样的错误？@ClaireLin另一个人说这是因为我使用http而不是https。Facepalm哈哈哈，这是个小小的错误。谢谢你！谢谢你@Arpitha。不敢相信这仅仅是因为http而不是https。不管怎样，你是怎么/从哪里得到这个错误的？我一直在codesandbox中看到“无法使用错误”。我可以在chrome控制台中看到该错误。谢谢@Arpitha。不敢相信这仅仅是因为http而不是https。不管怎样，你是怎么/从哪里得到这个错误的？我一直在codesandbox中看到“无法使用错误”。我可以在chrome控制台中看到该错误。