Angular 4 with KeyCloak stuck in login loop (Access Control)

Question

I integrated KeyCloak to my Angular app. Once I run the app, I get redirected to the KeyCloak login. So far so good. If I enter wrong username / password, it will tell me that its wrong. Once I put in the correct credentials, it redirects me to my app but then It just keeps refreshing and refreshing. It seems that it's sending a login request every second.

Here is what log gives me:

I am sure that the problem is not in the logic of the code, but maybe in configuration. I googled the error and saw that things like changing

localhost:8080

to

127.0.0.1:8080

could fix the problem, but it didn't do anything in my case.

Just checked the docs on KeyCloak, and I couldn't find any posts from anyone saying they were able to connect KeyCloak w/ Angular's Router. — Z. Bagley, Sep 02 '17 at 13:47
What is your client setting called *Web Origins* in Keycloak? It should be set to `*`. — Yuri, Sep 03 '17 at 08:34
@masterfan OK, then you can try setting directly `http://localhost:4300` instead of the `*`. — Yuri, Sep 04 '17 at 06:33
@dalu I created my own KeyCloakService, and Login & Logout components which use that service and redirect accordingly. It works without any problems now. — Dino, Sep 11 '17 at 16:13

score 0 · Answer 1 · answered Sep 11 '17 at 16:11

The problem had nothing to do with KeyCloak setup. It was in

app.module.ts

In one of my services I had HashLocationStrategy instead of PathLocationStrategy.

-    useClass: HashLocationStrategy
+    useClass: PathLocationStrategy

So my providers look something like this now:

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

score 0 · Answer 2 · answered Sep 13 '17 at 07:04

0

Something was happening to me too. Try disabling cors on the browser (Disable same origin policy in Chrome) or set the Web Origin set in keycloak

answered Sep 13 '17 at 07:04

Pako

329
2
5
18

Angular 4 with KeyCloak stuck in login loop (Access Control)

2 Answers2

Linked