Развертывание приложения create-реакции на герою с использованием пользовательского интерфейса и аксиос - PullRequest
Новая
       32

Развертывание приложения create-реакции на герою с использованием пользовательского интерфейса и аксиос

0 голосов
/ 02 октября 2018

Я получаю сообщение об ошибке типа:

Смешанное содержимое: страница в 'https://reactapp.herokuapp.com/' была загружена через HTTPS, но запросила небезопасную конечную точку XMLHttpRequest' http://api.//'.Этот запрос был заблокирован;контент должен обслуживаться по HTTPS.

Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено)

1 Ответ

0 голосов
/ 02 октября 2018

Браузер Chrome по умолчанию блокирует смешанный контент.Поскольку ваше приложение React обслуживается по протоколу https, а ваше API обрабатывается по протоколу http, оно блокирует службу API.

Один из способов решения этой проблемы -

  • изменить свой внутренний сервер для обслуживания с использованием https (используйте https://letsencrypt.org/ для получения бесплатного SSL-сертификата)
  • еще используйте proxy для прокси-запросов API с create-react-app.Таким образом, ваш API-интерфейс также будет обслуживаться с помощью https, решающего проблему смешанного контента.

Подробнее о развертывании на heroku см. https://medium.freecodecamp.org/how-to-make-create-react-app-work-with-a-node-backend-api-7c5c48acb1b0.

...