Solved: MSAL with Angular2 : Refused to display in a frame because it set 'X-Frame-Options' to 'deny'

MSAL with Angular2 : Refused to display in a frame because it set 'X-Frame-Options' to 'deny'


we get this error when you are not setting redirectUri in your loginRedirect or acquireTokenRedirect methods in your angular or js code.

Solution:

Add redirectUri in (loginRedirect or acquireTokenRedirect) methods or at msal configuration level.
editProfile() {
var authority = `https://${Domain}/tfp/${tenant}/${profileEditPolicy}`;
    /* just calling acquiretokenRedirect with different policy and authority 
        to edit profile,
        no need to pass redirectUri as authority will decide */
    this.authService.acquireTokenRedirect({
      scopes: [Scopes],
// https://yourApp.b2clogin.com/yourApp.onmicrosoft.com/profile_edit_policy       authority: authority ,
redirectUri: "your App url",
    });
}

Thanks

Comments

Popular posts from this blog

Swagger for Azure functions: Undocumented TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body. Fixed.

System.Net.Http.HttpClient' does not contain a definition for 'PostAsJsonAsync

A collection with cascade="all-delete-orphan" was no longer referenced by the owning entity instance