Reputation: 105
Angular Azure Active Directory B2C Authentication - CORS issue
I am implementing Azure Active Directory B2C authentication in Angular. I am using msal interceptor to connect Azure AD B2C. The authentication request fails with error
Access to XMLHttpRequest at 'https://login.microsoftonline.com/...' from origin 'http://localhost/...' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I configured everything according to this post: https://medium.com/@sambowenhughes/configuring-your-angular-6-application-to-use-microsoft-b2c-authentication-99a9ff1403b3
Upvotes: 10
Views: 2609
Answers (1)
Reputation: 6468
That article is about two years old and this.clientApplication.authority = "https://login.microsoftonline.com/tfp/" doesn't look right. It should be something like https://${b2cTenantName}.b2clogin.com/${b2cTenantName}.onmicrosoft.com/B2C_1_Sign_In.
Can you try to configure the angular sample app from https://github.com/Azure-Samples/active-directory-b2c-javascript-angular-spa and use that as a starting point?
Upvotes: 1
Related Questions
- Getting CORS error while calling /authorize of Azure Active Directory from Angular Application
- Getting CORS error while fetching access token based on client cred on Microsoft Azure AD authentication on SPA app in Angular
- CORS error with MSAL, Angular and ASP.NET Core
- Azure B2C for Angular 8 app with angular-auth-oidc-client - b2clogin endpoint POST CORS error
- CORS error when adding Azure AD authentication
- Enabling CORS on Azure Active Directory
- Angular 5 call AzureAD protected WebAPI results in CORS
- Login Issue to Azure AD B2C
- CORS Issue with Azure Ad Authentication Asp.net Core 2.2 and Angular 8.2 client
- I'm getting a CORS policy issue when trying to redirect to Azure AD for authentication