我在从页面 url 导入的 ionic2 中插入一个 iframe 我已经尝试过一些,如果它们出来了,也有 youtube,但就像来自谷歌的那个或者我必须放置的主要的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 中显示此内容的方式不再可能以正常方式(在 iframe 中使用 src)。最接近的解决方案是在您自己的服务器上使用“代理”页面,该页面为您提供所述页面的内容,但来自本地。
例如:加载本地页面
页面控制器下载 url 的内容并将其作为响应返回。