Gov Cloud Reports are not rendering (failed to Embed) in Angular Component due to CROS issue

[rush2kasi]

we successfully embedded a sample commercial cloud dashboard. Whereas gov cloud report failed to embed due to CROS Issue as shown in below figures. We have followed microsoft powerci-client-angular component as in  microsoft/powerbi-client-angular: Power BI Angular component. This library lets you embed Power BI r...

looks like embed URL is internally calling below url 

https://wabi-us-gov-iowa-redirect.analysis.usgovcloudapi.net/explore/reports/1a1f947a-e0de-4cf8-a645...

What i observed is request header Referer:  https://app.powerbi.com/ is passing instead of 

1. origin: https://app.powerbigov.us 2.referer: https://app.powerbigov.us/

I have tried to integrate to multiple applications all of them failed to Embed due to same CROS issue. Somehow my embed URL is having https://app.powerbigov.us has shown below.. some reason some internal Js calls going to https://app.powerbi.com this is causing  Referrer Policy:strict-origin-when-cross-origin

 https://app.powerbigov.us/reportEmbed?reportId=1a1f947a-e0de-4cf8-a645-27f22730f6d4&groupId=531ebe59...

Appreciate your help on this. 

[Anonymous]

HI @rush2kasi,

AFAIK, the gov and national cloud should be different from common organization, and they may include some additional policy or security rules, so you may face some issues when you try to use embedded features with this type of environment.
Since current we do not have correspond permissions to test/trace with this type of organization, I’d like to suggest you check the following page and find out the national/gov cloud channel for getting better support.

Support | Microsoft Power BI

Regards,

Xiaoxin Sheng