Whitepage after logging in (Code flow + PKCE) and Angular

[m-jayson]

Describe the bug
I can see the login but after entering the username and password it redirects to http://localhost:9000/error?continue.

I'm trying to do the code flow + PKCE and I followed almost every example I found from the internet but still unable.

To Reproduce
Steps to reproduce the behavior.

1. http://localhost:4200
2. Browser redirects to the oauth login page
3. Enter credetials
4. redirects to the whiltelist page above

Expected behavior
Should be able the home page

Sample
https://github.com/mgonzaga1990/spring-oauth2-angular

the authorization server is in https://github.com/mgonzaga1990/spring-oauth2-angular/tree/main/services/authorization
the angular project is in https://github.com/mgonzaga1990/spring-oauth2-angular/tree/main/ui

[daveyx]

same here (not 100% same, but very similar)

• setup the example with v1.0.1 on port 9001
• POST http://localhost:9001/login with correct credentials results in 302 Location: http://localhost:9001/?continue
• browser calls http://localhost:9001/?continue and gets 404 and shows error page

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Sat Mar 25 00:36:32 CET 2023
There was an unexpected error (type=Not Found, status=404).

EDIT:
i must call http://localhost:9001/oauth2/authorize?response_type=code&client_id=messaging-client&scope=openid&redirect_uri=http://127.0.0.1:8080/login/oauth2/code/messaging-client-oidc

then i will get the code, cool

to summarize how to get the access token with authcodeflow, one must execute:

• GET http://localhost:9001/oauth2/authorize?response_type=code&client_id=messaging-client&scope=openid&redirect_uri=http://127.0.0.1:8080/login/oauth2/code/messaging-client-oidc
• POST http://localhost:9001/login with JSESSIONID, username, password, _csrf
• GET http://localhost:9001/oauth2/authorize?response_type=code&client_id=messaging-client&scope=openid&redirect_uri=http://127.0.0.1:8080/login/oauth2/code/messaging-client-oidc&continue
• and finally POST http://localhost:9001/oauth2/token with httpbasicauth, granttype, code and redirecturl

this works in my postman, needs then be applied to angular app

[jgrandja]

@mgonzaga1990 @daveyx Questions are better suited to Stack Overflow. We prefer to use GitHub issues only for bugs and enhancements.

Take a look at this sample as it uses Angular. Also see this comment for additional details.