Angular 4 avec KeyCloak coincé dans la boucle de connexion (contrôle d'accès)

Question

J'ai intégré KeyCloak à mon application Angular. Une fois que j'ai exécuté l'application, je suis redirigé vers la connexion KeyCloak. Jusqu'ici tout va bien. Si j'entre un nom d'utilisateur/mot de passe incorrect, il me dira que c'est faux. Une fois que j'ai mis les informations d'identification correctes, il me redirige vers mon application, mais il continue à rafraîchir et rafraîchir. Il semble qu'il envoie une demande de connexion chaque seconde.

Voici ce journal me donne:

Je suis sûr que le problème n'est pas dans la logique du code, mais peut-être dans la configuration. Je googlé l'erreur et a vu que les choses comme changer

localhost:8080 

à

127.0.0.1:8080 

pourrait résoudre le problème, mais il n'a rien fait dans mon cas.

Answer 1

Le problème n'avait rien à voir avec l'installation de KeyCloak. Il était

app.module.ts

Dans l'un de mes services que j'avais HashLocationStrategy au lieu de PathLocationStrategy.

- useClass: HashLocationStrategy 
+ useClass: PathLocationStrategy 

Alors mes fournisseurs ressembler à quelque chose comme ça maintenant:

providers: [ 
    KeyCloakService, 
    AssetService, 
    { 
    provide: LocationStrategy, 
    useClass: PathLocationStrategy 
    } 
    ] 

Answer 2

Quelque chose me arrivait aussi. Essayez de désactiver les cors sur le navigateur (Disable same origin policy in Chrome) ou réglez l'origine Web définie dans keycloak