https 的混合内容错误

Question

我使用 react 制作了一个简单的天气应用程序。 它运作良好。 但是当我将它托管在 Github 上时，它会出现错误并且无法正常工作。 有人知道如何解决此错误吗？

混合内容：“”处的页面已通过 HTTPS 加载，但请求了不安全的资源“”。 此请求已被阻止； 内容必须通过 HTTPS 提供。

我的错误
第二张截图

Answer 1

要修复错误，您需要确保所有外部资源都在 HTTPS 上运行。

因此，在这种情况下，您只需将 openweathermap.com 资源更改为从 https 而不是 http 加载。 如果您将其保留为 http，那么它就不会被加载，然后由于代码未正确加载，您最终会遇到大量 js 错误。

Answer 2

使用 https 而不是 http 作为基础 url 的协议