Forum Discussion

mayank2109's avatar
mayank2109
New Member
4 years ago

Content Security Policy error , when embedding the dashboard using Angular

Hi ,  I am getting below error , when i am trying to enbed the dashboard . Refused to frame 'https://app.powerbi.com/' because an ancestor violates the following Content Security Policy directive: ...
Need Help
Anonymous's avatar
Anonymous
Not applicable
4 years ago

Hi mayank2109 

What kind of embedding are you using, app owns data or user owns data?

For reference: What is Power BI embedded analytics?

I find a blog about how to embed power bi report by Angular, and I hope it could help you solve your problem.

For reference: How To Embed Power BI Report In Angular 6

 

Best Regards,
Rico Zhou

 

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

fullstack-dev's avatar
fullstack-dev
Regular Visitor
4 years ago

Hi Anonymous, I have exactly the same problem I am using the latest npm package released by Microsoft.

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

 

Facing exactly the same issue. 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.

 

 

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!