我想在我的网站的iFrame中加载SCORM内容。我将文件上传到服务器中。这是指向SCORM视频文件的链接
https://api.fastenglishacademy.fr/uploads/files/example/story.html
我想将此加载到我的网站中。我在我的角度应用程序中使用以下代码将其添加到了iframe中
<iframe is="x-frame-bypass" [src]="scormURL()" style="width: 100%; height: 400px;"></iframe>
// in ts file
scormURL() {
return this.sanitizer.bypassSecurityTrustResourceUrl(this.fileGetUrl + 'example/story.html');
}
但是我遇到以下错误：
拒绝在框架中显示“ https://api.fastenglishacademy.fr/uploads/files/example/story.html”，因为它将“ X-Frame-Options”设置为“ sameorigin”。
我尝试了以下解决方案：
在我的两个页面中都添加了以下内容。但是没有运气：
<script>
document.domain = "fastenglishacademy.fr";
</script>
我正在使用NGINX服务器。我尝试添加X-Frame-Options标头，这会导致错误，指出发送了多个X-Frame-Options标头，因此被拒绝。
主站点网址： https://www.fastenglishacademy.fr/pricing
iframe内容网址： https://api.fastenglishacademy.fr/uploads/files/example/story.html