Azure – AADSTS900561: The endpoint only accepts POST, OPTIONS requests. Received a GET request on angular UI

As I mentioned in the comments, I used the redirect URI "http://localhost:4200" in my code and was able to successfully log in and log out with Azure AD without any issues.

Below is my Code.

src/app/module.ts_ :

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MsalModule, MsalService, MSAL_INSTANCE } from '@azure/msal-angular';
import { IPublicClientApplication, PublicClientApplication } from '@azure/msal-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

export function MSALInstanceFactory(): IPublicClientApplication {
  return new PublicClientApplication({
    auth: {
      clientId: '<client_ID>', 
      authority: 'https://login.microsoftonline.com/<Tenant_ID>', 
      redirectUri: 'http://localhost:4200' 
    },
    cache: {
      cacheLocation: 'localStorage',
      storeAuthStateInCookie: true
    }
  });
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MsalModule
  ],
  providers: [
    {
      provide: MSAL_INSTANCE,
      useFactory: MSALInstanceFactory
    },
    MsalService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Output :

It runs successfully as below:

Next, I click on the Logout button, and it shows my account to logout as below: