Сделайте запрос API к конечной точке HTTP от AWS Amplify развернутого HTTPS (SSL) клиента

Question

Я развернул свой сервер Backend / API в экземпляре AWS EC2, который загружается без SSL, а URL-адрес выглядит как 'http://ec2-67-ap-southeast-3.compute.amazonaws.com'

И я развернул мой React-интерфейс / клиент, используя AWS AMPLIFY Console. Который автоматически добавляет SSL к URL-адресу производственной ветви, и URL выглядит так: https://branch.d3as6d542.amplifyapp.com

Теперь проблема в том, что я не могу создать какой-либо API / HTTP-запрос на мой сервер от клиента. И, получив нижнюю ошибку,

Mixed Content: The page at 'https://branch.d3as6d542.amplifyapp.com' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ec2-67.ap-southeast-3.compute.amazonaws.com/api/profile’. This request has been blocked; the content must be served over HTTPS.

Я могу сделать этот вызов API из моей клиентской среды разработки localhost. Но получаю ошибку от AWS AMPLIFY SERVER из-за несоответствия HTTP.

Как я могу решить проблему или есть ли способ удалить автоматически добавленный AWS AMPLIFY SSL?

Answer 1

Вместо AWS Укажите, что вы можете запустить свой интерфейс в S3, если вы не хотите аутентификации. Просто создайте приложение реакции, загрузите файлы сборки и правильно настройте доступ в AWS.

Вы не получите проблему со смешанным контентом, потому что AWS Конечная точка S3 также http.