Currently, I have my angular fullstack application running on localhost:9000.
I am trying to implement a feature that allows users to log in by clicking the "Connect with Google+" button on the login page. However, I keep encountering an error 400 with the message "redirect_uri_mismatch."
To address this issue, I have visited the Google Developers Console and created a Project where I configured the following settings:
Client ID <Client ID>
Client Secret <Client Secret>
Redirect URIs http://localhost:9000/auth/google/oauth2callback
Javascript Origins http://localhost:9000
In my local.env.js file, I included the following:
GOOGLE_ID: <Client ID>
GOOGLE_SECRET: <Client Secret>
Despite these configurations, whenever I attempt to log in via the "Connect with Google+" button, I continue to receive the same error 400 with the redirect_uri_mismatch message indicating that the redirect URI in the request is different from what is expected at http://localhost:9000/auth/google/callback.
If anyone has any insights on what might be causing this issue or can provide guidance on properly setting up this functionality, I would greatly appreciate it.