我花了一点时间做这个，它在本地运行良好，但在服务器上由于以下错误而中断。我正在使用的API似乎位于一个不安全的“http：”地址，因此浏览器不会允许它连接，因为我的网站位于“https”地址。有什么方法可以通过某种代理/ heroku来解决这个问题吗？
混合内容：'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提供。
你为什么想做这个？你应该到处使用HTTPS。有了像Let's Encrypt这样的工具，不再有任何借口了。
在任何情况下，该特定URL似乎也通过HTTPS提供。只需将协议从http://更改为https://，就应该停止阻止。