将Power Bi报告嵌入离子移动应用程序

Question

我正在尝试在ionic 4移动应用程序中显示power bi报告。因此，我使用iframe来显示power bi报告。

代码看起来像这样

import { DomSanitizer } from '@angular/platform-browser';

reportURL:any;

constructor(private sanitizer: DomSanitizer) {
    this.reportURL = this.sanitizer.bypassSecurityTrustResourceUrl(`https://app.powerbi.com/reportEmbed?reportId=${reportId}`);
}

<iframe width="100%" height="100%" [src]="reportURL" frameborder="0" allowfullscreen></iframe>


config.xml
<allow-navigation href="*" />

当我看到报告屏幕时，它显示“登录”按钮。单击“登录”按钮时，它将在应用程序本身中打开一个新窗口。之后，我使用自己的凭据登录，但它没有返回离子应用程序以查看报告，当我单击“后退”按钮时，它显示类似“网页不可用”的消息，并且应用程序崩溃。

如果我再次打开该应用程序并单击报告屏幕，则会显示报告。

我发现问题是因为登录后不知道如何重定向回离子应用程序。

我在离子应用程序的power bi报告配置中是否错过任何内容？

任何人都可以帮助解决此问题吗？

您的所有建议都很有帮助。

谢谢。