Не удалось загрузить данные внутри iFrame

Question

Я попытался получить URL старого веб-сайта, и произошла ошибка:

Fetch API cannot load http://xyz.
No 'Access-Control-Allow-Origin' header is present on the requested resource.
Origin 'http://abc' is therefore not allowed access.
If an opaque response serves your needs, set the request's mode to 'no-cors'
to fetch the resource with CORS disabled.

мой код выглядит следующим образом

render(){
    return (
       <div>
          <iframe src="http://localhost:8080/.../StockExchangeWidget.html" />
       </div>
    )
}

, когда я загружаю его вне iFrame,все хорошо, но когда я пытаюсь загрузить его с помощью iFrame, я получаю много ошибок, но только для данных для диаграмм, как вы можете видеть, что рамка и кнопки загружены.

Я также получаю сообщение об ошибке WebSocket при попытке загрузить HTML-страницу через URL внутри соединения WebSocket в 'wss: //widgetdata.tradingview.com/socket.io/websocket? From =Сбой widgetembed% 2F & date = 2018_06_09-17_59 ': ошибка во время рукопожатия WebSocket: неожиданный код ответа: 403

Answer 1

Да, ответ в политике CORS , как указал мне PANAYIOTIS.

мой код теперь выглядит так

render(){
    return (
        <div>    
            <iframe
                sandbox="allow-same-origin"
                title="FirstIFrame"
                src="http://www.tricky.web.siteHome.do"
            />    
        </div>
    )
}

Я добавил sandbox = "allow-same-origin" внутри моего iframe, и все проблемы с файлами cookie и загрузкой не могут быть решены.

для получения дополнительной информации прочитайте этот пост Это здорово для такого рода проблем:

Answer 2

Домен, в котором размещается iframe, должен изменить Политику CORS , чтобы запросы от вашего домена достигали своего сайта.Без заголовков CORS, представленных на этой странице, ваш браузер не будет отображать содержимое iframe (по соображениям безопасности).