我正在开发一个网站，应该是响应，以便人们可以从他们的手机访问它。该网站有一些安全的部分，可以登录使用谷歌，Facebook，…等(OAuth)。
服务器后端是用ASP开发的。Net Web API 2，前端主要是AngularJS加上一些Razor。
对于身份验证部分，在包括Android在内的所有浏览器中，一切都很好，但谷歌身份验证在iPhone上不起作用，它给我这个错误消息
Refused to display 'https://accounts.google.com/o/openid2/auth
?openid.ns=http://specs.openid.ne…tp://axschema.org/namePerson
/last&openid.ax.required=email,name,first,last'
in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
现在就我而言，我没有在我的HTML文件中使用任何iframe。
我搜索了一下，但没有答案让我解决这个问题。
当前回答
我找到了更好的办法，也许能帮到别人 取代“手表吗?V =" by " V /"这是可行的
var url = url.replace("watch?v=", "v/");
其他回答
我在Angular 9中也遇到了同样的问题。以下是我做的两步:
Change your YouTube URL from https://youtube.com/your_code to https://youtube.com/embed/your_code. And then pass the URL through DomSanitizer of Angular. import { Component, OnInit } from "@angular/core"; import { DomSanitizer } from '@angular/platform-browser'; @Component({ selector: "app-help", templateUrl: "./help.component.html", styleUrls: ["./help.component.scss"], }) export class HelpComponent implements OnInit { youtubeVideoLink: any = 'https://youtube.com/embed/your_code' constructor(public sanitizer: DomSanitizer) { this.sanitizer = sanitizer; } ngOnInit(): void {} getLink(){ return this.sanitizer.bypassSecurityTrustResourceUrl(this.youtubeVideoLink); } } <iframe width="420" height="315" [src]="getLink()" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
对我来说，解决办法是进入console.developer.google.com，并将应用程序域添加到OAuth 2凭证的“Javascript Origins”部分。
我做了下面的改变，并为我工作良好。
只需添加属性<iframe src="URL" target="_parent" />
_parent:这将在同一个窗口中打开嵌入的页面。
_blank:在不同的选项卡
如果你在vimeo中使用iframe，请更改url:
https://vimeo.com/63534746
to:
http://player.vimeo.com/video/63534746
这对我很管用。
好吧，在这篇SO文章的帮助下花了更多的时间之后
克服“x帧选项禁止显示”
我设法解决了这个问题，在发布到谷歌url之前，将&output=embed添加到url的末尾:
var url = data.url + "&output=embed";
window.location.replace(url);
