Я вставляю iframe в ionic2, импортированный из URL-адреса страницы. Я пробовал некоторые, если они выходят, и с YouTube, но, например, из Google или основной, который я должен разместить http://soporte.estadisticassena.com/edis /www/engenn11le04ob08/ не дает мне получить эту ошибку:
Refused to display 'http://soporte.estadisticassena.com/edis/www/engenn11le04ob08/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
это компонент:
import { Component } from '@angular/core';
import {SafeResourceUrl, DomSanitizer} from '@angular/platform-browser';
import { AlertController, LoadingController, NavController } from 'ionic-angular';
@Component({
selector: 'sena',
templateUrl: 'sena.html'
})
export class Sena{
url: SafeResourceUrl;
constructor(
public navCtrl: NavController,
private alertCtrl: AlertController,
public loadingCtrl: LoadingController,
public sanitizer: DomSanitizer
){
this.url = sanitizer.bypassSecurityTrustResourceUrl('https://www.google.com.co/');
}
}
Это html:
<iframe class="iframe-sena" height="190" onload="this.width=screen.width" [src]="url" frameborder="0" ></iframe>
Большое спасибо.
В ответе загруженной страницы есть HTTP-заголовок:
x-frame-options: SAMEORIGIN
Это отключает отображение этой страницы в IFRAME. См.: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options .
К сожалению, Google и другие сайты отключили поддержку загрузки вашего контента в iframe с внешнего сайта. Проверьте https://support.google.com/customsearch/answer/4542055?hl=en и https://support.google.com/customsearch/answer/2641279?hl=en.
Способ отображения этого содержимого в iframe больше невозможен обычным способом (с использованием src в iframe). Ближайшим решением является использование «прокси-страницы» на вашем собственном сервере, которая предоставляет вам содержимое указанной страницы, но из местного источника.
Пример: загрузить локальную страницу
И контроллер страницы загружает содержимое URL-адреса и возвращает его в качестве ответа.