Kein gültiger Ursprung für den Client von Google API Oauth

Question 1

Ich erhalte diesen Fehler von Google API Oauth:

idpiframe_initialization_failed”, details: “Kein gültiger Ursprung für den Client: http://127.0.0.…listen Sie diesen Ursprung für die Client-ID Ihres Projekts auf

Ich versuche, eine Anfrage von diesem lokalen Pfad zu senden:

http://127.0.0.1:8887/

Und ich habe diese URL bereits zum Abschnitt Autorisierte JavaScript-Ursprünge hinzugefügt:

Das ist mein Code:

<!-- The top of file index.html -->
<html itemscope itemtype="http://schema.org/Article">
<head>
  <!-- BEGIN Pre-requisites -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
  </script>
  <script src="https://apis.google.com/js/client:platform.js?onload=start" async defer>
  </script>
  <!-- END Pre-requisites -->

<!-- Continuing the <head> section -->
  <script>
    function start() {
      gapi.load('auth2', function() {
        auth2 = gapi.auth2.init({
          client_id: 'MY CLIENT ID.apps.googleusercontent.com',
          // Scopes to request in addition to 'profile' and 'email'
          //scope: 'https://www.google.com/m8/feeds/'
        });
      });
    }
  </script>




</head>
<body>


<button id="signinButton">Sign in with Google</button>
<script>
  $('#signinButton').click(function() {
    // signInCallback defined in step 6.
    auth2.grantOfflineAccess().then(signInCallback);
  });
</script>



<!-- Last part of BODY element in file index.html -->
<script>
function signInCallback(authResult) {
  if (authResult['code']) {

    // Hide the sign-in button now that the user is authorized, for example:
    $('#signinButton').attr('style', 'display: none');

    // Send the code to the server
    $.ajax({
      type: 'POST',
      url: 'http://example.com/storeauthcode',
      // Always include an `X-Requested-With` header in every AJAX request,
      // to protect against CSRF attacks.
      headers: {
        'X-Requested-With': 'XMLHttpRequest'
      },
      contentType: 'application/octet-stream; charset=utf-8',
      success: function(result) {
        // Handle or verify the server response.
      },
      processData: false,
      data: authResult['code']
    });
  } else {
    // There was an error.
  }
}
</script>
  <!-- ... -->
</body>
</html>

Wie kann ich das beheben?

Question 2

Das Zurücksetzen von Chrome im Cache hat es für mich gelöst. Drücken Sie lange auf die Schaltfläche „Neu laden“, dann „Cache leeren“ und „Hard Reload“.

Hinweis: Stellen Sie sicher, dass Ihr Chrome-Dev-Tools-Bedienfeld geöffnet ist, andernfalls funktioniert langes Drücken nicht.

Question 3

Ich hatte ein ganz ähnliches Problem wie du. Ich habe versucht, mehrere Whitelist-Ports von hinzuzufügen localhost und nichts funktionierte. Am Ende habe ich die Zugangsdaten gelöscht und neu eingerichtet. Muss ein Fehler am Google-Ende für mein Setup gewesen sein.

Question 4

Wenn es Ihnen egal ist, versuchen Sie es mit dem Hinzufügen http://localhost:8887 stattdessen an Ihren autorisierten JavaScript-Ursprung. Hatte diesen Fehler selbst irgendwann und das hat ihn behoben. Beachten Sie, dass Sie diese URL auch für Ihre Anfrage verwenden müssen, obwohl sie übersetzt wird http://127.0.0.1:8887/.

Question 5

Ich habe an mehreren Stellen im Internet gelesen, dass Leute die Erstellung der Anmeldeinformationen wiederholen, damit es funktioniert.
Also habe ich einen neuen Berechtigungsnachweis für dasselbe Projekt erstellt und meinen neuen verwendet Benutzeridentifikation und es hat perfekt funktioniert … Sieht so aus, als wäre die Ausgabe der Whitelist etwas ungenau …

Hinweis: habe ich auch benutzt lokaler Host Anstatt von 127.0.0.1IPs sind ungültig.

Question 6

Ich habe ungefähr 10 Minuten herumgefummelt und dann hat es endlich funktioniert, als ich es versucht habe
http://localhost/ im Browser (statt 127.0.0.1)

Die URL wurde an jedem Ort hinzugefügt, an dem Sie Whitelists erstellen können:
https://console.developers.google.com/apis/credentials/

Question 7

Ich hatte das gleiche Problem; aber das hat bei mir funktioniert:

Offen Konsole.Entwickler

Öffnen Sie den Projektnamen
Klick auf das Ausweiss
Unter dem “Name“, Klick auf das “Webclient 1“

Unter dem “URLs“, hinzufügen “http://localhost:3000“

Question 8

nur meine 2 Cent … konnte es nach dem Löschen und Neuerstellen der Anmeldeinformationen zum Laufen bringen. Genau wie oben vorgeschlagen.