Google API authentication Not valid origin for the client

Question

When making an auth request to the Google API  gapi   it s returning false on the checkOrigin   I have removed any client id s or anything that would link directly to my account and replaced it with a regex indicating what the data is for reference   Url  https   accounts google com o oauth2 iframerpc action checkOrigin amp origin https 3A 2F 2Flocal tools amp client id   d 21    My origin url is a local url  which is https   local tools  Result   valid  false   I m using the example found here without deviation  except for replacing clientid with my 21 digit clientid   https   ga-dev-tools appspot com embed-api third-party-visualizations   The items I m trying to display show up nicely on the demo site  but aren t getting past the Not valid origin for the client error on my local tools site

User · Answer

Key Point  Add both http   localhost and http   localhost port number to the Authorized JavaScript origins box for local tests or development

User · Answer

Clear your browser cache  Started getting this error in Chrome and then I created a new client id and was still getting the issue  Opened firefox and it worked  so I cleared the cache on Chrome and it started working

User · Answer

I received the same console error message when working with this example  https   developers google com analytics devguides reporting embed v1 getting-started  The documentation says not to overlook two critical steps   As you go through the instructions  it s important that you not overlook these two critical steps   Enable the Analytics API   amp   Set the correct origins    but does not clearly state WHERE to set the correct origins   Since the client ID I had was not working  I created a new project and a new client ID   The new project may not have been necessary  but I m retaining  and using  it   Here s what worked    Create a new project   Add and Enable the Analytics API  Create a new credential - ensure that it is an OAUTH credential  scroll to the bottom of this page for instructions https   developers google com api-client-library javascript start start-js Setup     During creation of the credentials  you will see a section called  Restrictions Enter JavaScript origins  redirect URIs  or both    This is where you can enter your origins   Save and copy your client ID  and secret      My script worked after I created the new OAUTH credential  assigned the origin  and used the newly generated client ID following this process

User · Answer

For me - I just went here   https   console developers google com apis credentials  Then chose the right project  then choose the credential with the same ID shown in your console error message   When editing the credentials you can add multiple origins to the white list

User · Answer

Trying on a different browser chrome  worked for me and clearing cache on firefox cleared the issue   PS  Not add the hosting URIs to Authorized JavaScript origins in API credentials would give you Error redirect uri mismatch

User · Answer

I got the error because of Allow-Control-Allow-Origin    browser extension

User · Answer

try clear caches and then hard reload  i had same error but when i tried to run on incognito browser in chrome it worked

User · Answer

Credentials do not work if API is not enabled  In my case the next steps were needed   Go to https   console developers google com apis library Enter  People  From the result choose  Google People API  Click  Enable

User · Answer

clearing the cache works for me  for React developers try to restart the project otherwise it will show the same error again and again

User · Answer

If you are running it on localhost change the port to 5000 and it will fix it

User · Answer

Creating new oauth credentials worked for me

[google-api] Google API authentication: Not valid origin for the client

Examples related to google-api

Examples related to google-oauth

Examples related to google-analytics-api

Examples related to google-api-js-client