Ошибка: смешанный контент при развертывании приложения React на Github

Question

Я столкнулся с небольшой проблемой при развертывании приложения React на страницах GitHub. Приложение отлично работает на живом сервере. Но когда я помещаю sh код на gitHub и тестирую его. Эта ошибка возникает:

Mixed Content: the page at '<domain>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoing 'http://www.omdbapi.com/...' ...

Я знаю, что это как-то связано с используемым мной api. Это omdb api и использует протокол HTTP для получения запроса. Я попытался изменить HTTP на https, и хотя он работает на живом сервере. Его нет на странице Github , что дает мне ту же ошибку, что и раньше.

Код:

const apirul = 'http://www.omdbapi.com/?apikey=...';
// ...
Axios(apiurl + "&=s="+state.s)
.then(data => {
  console.log(data);
  let results = data.Search;
  setState(prevState => {
    return { ...prevState, results }
  })
})
.catch(e => {
  console.log(e)
})
// ...

Answer 1

Глядя на страницы GitHub и исходный код, я подозреваю, что ваш pu sh на GitHub не удалось, поскольку код в репозитории по-прежнему указывает на http://www.omdbapi.com/?apikey=ad5bdfd0 (и последний раз обновлялся 17 часов. а go). Я сделал снимок экрана, чтобы подтвердить .

Изменение URL-адреса на https:// должно исправить это, хотя вы можете использовать относительный URL-адрес протокола (то есть //), если нужно. На самом деле, сейчас вы должны использовать https для всего, даже для локальной разработки.