Angular10 iframe先显示404页面再显示页面内容

Question

您好，我正在使用下面的 HTML 代码来使用 iframe 并显示托管在同一域中的外部页面，因此不用担心跨域

<iframe frameborder="0" [src]="url"></iframe>

和以下用于清理和加载内容的打字稿代码

this.url = this.sanitizer.bypassSecurityTrustResourceUrl("/assets/static/page.html");

页面加载后问题有点奇怪，iframe 首先在 localhost 中显示错误 404 几分之一秒，在生产中显示 2 到 3 秒，然后显示实际页面内容。这非常令人恼火，因为 angular 没有适当支持 iframe 事件，例如页面加载，失败

Answer 1

我可以想象您在呈现 iframe 后设置 URL。您可以尝试向 iframe 添加 *ngIf="url" 以延迟其呈现，直到 URL 已设置。或者，尝试在呈现 iframe 之前设置 URL。如果这没有帮助，请 post 您的组件的代码好吗？

Angular 10 iframe first shows 404 page then displays page content