Earn a 50% discount on the DP-600 certification exam by completing the Fabric 30 Days to Learn It challenge.
I'm using the Power BI Javascript library to embed reports in an Angular application. Everything works perfectly when I'm running on localhost. After I publish to an Azure App Service, all the reports fail with the error
"message":"LoadReportFailed","detailedMessage":"Get report failed","errorCode":"403"
The configuration for the embed function call
type: 'report',
id: this.reportId,
embedUrl: embedConfig.EmbedUrl,
pageView: "fitToWidth",
accessToken: embedConfig.EmbedToken.token,
tokenType: pbi.models.TokenType.Embed,
settings: {
filterPaneEnabled: false,
navContentPaneEnabled: true
}
};
Anything I'm missing in Azure? I don't understand why it's working when running on localhost but not in Azure
I also get this 403 error in the log when trying to embed a report
reportEmbed?reportId=---e&groupId=---c&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly9XQUJJLUVVUk9QRS1OT1JUSC1CLXJlZGlyZWN0LmFuYWx5c2lzLndpbmRvd3MubmV0In0%3d&isMobile=true&uid=jerr9i:530 GET https://wabi-europe-north-b-redirect.analysis.windows.net/explore/reports/---/modelsAndExploration?p... 403