Есть ли еще способ использовать небезопасное соединение API (React)?

Question

Я потратил немного времени на это, и он хорошо работает локально, но на сервере он выходит из строя из-за ошибки ниже. API, который я использую, похоже, находится по небезопасному адресу http:, поэтому браузер не разрешает подключение, поскольку мой веб-сайт находится по адресу https. Есть ли способ обойти это с помощью какой-нибудь прокси / героки?

Github

Сайт сломанного приложения

Смешанный контент: страница на '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://, и он должен прекратить блокироваться.