Subject of the issue
Trouble configuring OAuth 2.0 for local development environment on http://localhost:3001
Expected behaviour
Being able to select my google account
Actual behaviour
Blank page in url: https://accounts.google.com/gsi/select?client_id=${my_client_id}apps.googleusercontent.com&ux_mode=popup&ui_mode=card&as=VdS0KEGuH3aPP%2FPwN9lsmA&channel_id=ccf306d44944a42f7f4461300dcb735c9ff16595c89724babb7f8c53757c9224&origin=http%3A%2F%2Flocalhost%3A3001
Additional context
I am currently developing a web application using this boilerplate running on localhost:3001
. I have set up my Google Cloud OAuth 2.0 client IDs correctly, but when I try to authenticate using Google's OAuth service, it does not work as expected. Here's how I've configured my OAuth credentials in the Google Cloud Console:
- Authorized JavaScript origins:
http://localhost:3001
- Authorized redirect URIs:
http://localhost:3001
Despite this configuration, I am facing issues with the authentication flow. I have checked the following:
- The application is running on the correct port and uses the
http
protocol.
- The client ID is correctly inserted into the code.
- The redirect URIs in Google Cloud Console appear to be correctly configured.
- Browser cache has been cleared, and I've also tried using an incognito window.
I am following the example provided in [link to the example or documentation].
Could you please provide some guidance on what might be going wrong or any additional steps I need to take for local development setup?