Keycloak JavaScript adapter redirects to 404 URL after login

Securing applications
1

I’m using the Keycloak JavaScript adapter (keycloak-js@16.1.1) to authenticate users in the frontend. (Quasar 2 with Vue 3 and Vue Router 4). Basically this works fine but I have some trouble with the login workflow.

As soon as the user has entered the credentials inn the form, Keycloak redirects the users to an URL like this:

http://localhost:8093/#state=5087a67c-db3b-4e97-89e9-e4f1283f72d7&session_state=11926865-b162-4351-b683-03d5b73caaac&code=4d1b9a38-ace2-47dd-b59c-9b30113b7f3c.11926865-b162-4351-b683-03d5b73caaac.fe33e875-5d8b-4c99-81cc-a72067a4bf3a

This leads to a 404 in the frontend code because there is no matching route for such an URL.

Do I have to take care of the parameters passed in the redirect URL? My understand was, that the Keycloak adapter handles this.

2 Likes
2

I have the same problem. I remember having the a similar problem years ago with VueJS and finding a fix for it, but I can remember what it was. I am getting this problem now with Quasar, which uses VueJS under the hood.

1 Like
3

There’s an issue about it here Github.com