The ultimate Fabric, Power BI, SQL, and AI community-led learning event. Save €200 with code FABCOMM.
Get registeredEnhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.
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