如何在 angular 应用程序的 iframe 中显示带有过滤器的 Power BI 报告

How to display Power BI reports with filters in iframe in angular application

我正在尝试在我的 angular 应用程序的 Iframe 中显示带有过滤器的 PowerBi 报告。 我成功地在没有过滤器的 iframe 中显示下面嵌入的 URL。

<iframe src="https://msit.powerbi.com/reportEmbed?reportId=xxx&autoAuth=true&ctid=xx&config=xxx"></iframe>

这里我需要根据一些 RequestId 过滤报告,然后将其显示在 iframe 中。

已过滤 URL https://msit.powerbi.com/groups/xxx/reports/xxx/ReportSectioncxxx?filter=RequestDetails/Number eq 'xxxx'

当我在 iframe 中尝试此操作时出现以下错误:

拒绝在框架中显示'URL',因为它将'X-Frame-Options'设置为'deny'。

如何将此过滤后的 URL 转换为嵌入 URL 以在 iframe 中显示。

工作嵌入式过滤器URL

https://msit.powerbi.com/reportEmbed?reportId=xxx&autoAuth=true&filter=RequestDetails/SRNumber eq 'xxx'&cvid=xxx