【问题标题】:PowerBI Embedded not working because of X-Frame-Options由于 X-Frame-Options,PowerBI Embedded 无法正常工作
【发布时间】:2026-02-10 07:15:02
【问题描述】:

我正在使用 powerbi-service-js 在我的 Angular 8 应用程序中嵌入报告。直到 10 月 3 日,一切正常。我将登录到 url (https://login.microsoftonline.com/common/oauth2/token),然后向 powerbi API 发出请求以获取报告令牌。但是现在,当使用 pbiService 的 embed 功能时,我得到了以下错误。我正在使用 DirectQuery 构建报告并在 Nginx 中部署应用程序。

这是 Chrome 控制台上的错误:

拒绝在框架中显示“https://app.powerbi.com/tokenRefresh?ver=1570487269987”,因为它将“X-Frame-Options”设置为“sameorigin”。

ERROR DOMException: 阻止了来源为“https://app.powerbi.com”的框架访问跨域框架。 在 e.retryTokenRefresh (https://app.powerbi.com/13.0.10956.175/scripts/reportEmbed.min.js:1:2245948) 在 e.onTokenRefreshLoad (https://app.powerbi.com/13.0.10956.175/scripts/reportEmbed.min.js:1:2245770) 在 HTMLIFrameElement.document.getElementById.onload [as __zone_symbol__ON_PROPERTYload] (https://app.powerbi.com/13.0.10956.175/scripts/reportEmbed.min.js:1:2245299)

【问题讨论】:

    标签: powerbi powerbi-embedded x-frame-options


    【解决方案1】:

    您可能正在使用 Google Chrome 浏览器查看此内容?因为从你提到的日期开始,it blocks mixed content。因此,请检查您的 URL 并确保您不使用 HTTP,但它们都是 HTTPS。您可以通过在其他浏览器中查看您的应用来证实这一理论。

    【讨论】: