还有什么方法仍然可以使用不安全的API连接（反应）？

Question

我花了一些时间进行此操作，它在本地运行良好，但在服务器上由于以下错误而中断。我正在使用的API似乎位于不安全的“ http：”地址上，因此浏览器将不允许其连接，因为我的网站位于“ https”地址上。有什么办法可以解决某种代理/ heroku问题？

Github

The broken app website

  

混合内容：位于的页面   “ https://agwebdesign.net/react/petadoption/”是通过HTTPS加载的，   但要求使用不安全的脚本   'http://api.petfinder.com/pet.find?key=920cf4ddd938497ba32bef47b7f35080&format=json&output=full&location=Seattle%2C%20WA&animal=&breed=&callback=jsonp_jfg1sgfprug5jl1'。   该请求已被阻止；内容必须通过HTTPS提供。

Answer 1

您为什么要这样做？您应该在所有地方都使用HTTPS。使用Let's Encrypt之类的工具，再也没有任何借口。

无论如何，该特定URL似乎也可以通过HTTPS提供。只需将协议从http://更改为https://，它就应该停止被阻止。

Answer 2

这是我使用不安全的“ HTTP：”地址通过后端在vercel上托管的React 16.12上所做的工作

第1步。转到网站的信息部分（URL左右角的“ i”按钮）

第2步。向下滚动到“不安全内容”，然后从下拉菜单中选择“允许”

第3步。刷新您的页面，您就很好了