ReactJS Iframe не загружает страницу

Question

Я использую реакцию для создания веб-приложения. В одном из моих компонентов есть элемент Iframe для загрузки внешнего сайта. Когда я запускаю реактивное приложение на локальном хосте, Iframe загружает внешний сайт без проблем. Когда я развертываю приложение в AWS Amplify, Iframe ничего не загружает, и после проверки элемента в браузере в свойствах Iframe я получаю это сообщение:

src:
[Exception: TypeError: Illegal invocation at HTMLIFrameElement.invokeGetter (<anonymous>:1:142)]

const body = (
    <div className={classes.modal}>
      <iframe className={classes.iframe} src={"http://www.website.com"}></iframe>
    </div>
  );

<Modal>
        {body}
</Modal>

Как я уже сказал, все работает, когда я запускаю его на локальном хосте, мне просто нужно выяснить, почему происходит эта ошибка незаконного вызова. Кто-нибудь знает, что здесь происходит? Я искал вещи в течение 2 часов без прогресса. Спасибо

Answer 1

Я выяснил проблему, приложение My Amplify - это https, а контент, который я пытаюсь загрузить, - http. Браузер просто не позволяет загружать контент http на страницу https.