Content Security Policy - Power BI Embed for your organization (Angular)

[fullstack-dev]

Hi, I am using the latest npm package released by Microsoft.

https://www.npmjs.com/package/powerbi-client-angular

Facing this issue when embedding a report.

Refused to frame 'https://app.powerbi.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' https://teams.powerbi.com https://teams.microsoft.com".

My Azure AD user has access to the report in the PowerBi platform we can embed it in the app for some reason. We are using the license Premium Per User. So embed for your organization. (access token correct)

Maybe I'm missing something on the Workspace or Report settings..

When I put an Iframe without using the package or anything I have to sign in twice and the report works in the Angular.

Our app has an SSO authentication so with the package I thought the report would be displayed without problems.

I attched the image with the exact console error.

Thank you for your help!

[fullstack-dev · Accepted solution]

Found the solution if it can help anyone..

TokenType needed to be models.TokenType.Aad instead of models.TokenType.Embed

[Anonymous]

Hi @fullstack-dev ,

Thank you so much for sharing your solution here. Could you please mark your post as Answered? It will help the others in the forum can find this solution quickly if they encounter the same problem as yours. Thank you.

Best Regards