Смешанный контент: страница в домене была загружена через HTTPS, но запрашивала небезопасную конечную точку HTTP в Angular

Question

Я развернул свое приложение angular , используя домен с SSL на порте 4200, который обменивается данными с API на том же сервере и на порту 3000. Теперь проблема в том, что когда я размещаю BASE_URLкак IP с HTTP, он работает нормально, но когда по HTTP он выдает HTTPS со смешанным контентом в HTTP ошибку.Я также попробовал метод прокси-конфигурации, но он не работал.Есть ли способ связаться с тем же сервером через локальный IP (127.0.0.1) вместо IP сервера?CORS уже включен в конце API (Node.js)

Answer 1

AFAIK, я думаю, что загрузка http API из https URL будет всегда заблокирована.

Если вы не возражаете против рефакторинга вашего кода, чтобы разрешить настройку конечной точки API, а не всегда с использованием http://localhost:3000. Выбудет иметь несколько опций для превращения вашего http API в HTTPS.

1. Вы можете попробовать ngrok .Он позволяет вам конвертировать вашу http-службу в https без необходимости настройки веб-сервера, сертификатов и т. Д.

   Бесплатная версия не будет иметь стабильного доменного имени.Он будет отличаться каждый раз, когда вы начинаете новую сессию ngrok.Просто оставьте сеанс как можно дольше, чтобы вам не приходилось слишком часто беспокоиться об изменении имен.ИМХО, этого должно быть достаточно для разработки.

2. Вы также можете настроить самозаверяющий сертификат для своего API.Если ваш API-сервер не поддерживает режим HTTPS, вам необходимо установить веб-сервер, который может обрабатывать HTTPS-запрос, и прокси-сервер к вашему API.

   Установка может быть очень простой с помощью докера.Сертификат немного сложнее, но в сети есть руководства.

3. Или вы можете запустить свой сервер Angular в режиме HTTP.Следует исправить предупреждение, но оно более рискованно, поскольку среда разработки сильно отличается от производственной среды, что может преподнести вам сюрпризы при развертывании.Так что менее рекомендуется.