沒有從谷歌API的Oauth的客戶端的有效原產地

我獲得了來自谷歌API的Oauth此錯誤：沒有從谷歌API的Oauth的客戶端的有效原產地

idpiframe_initialization_failed「細節：」不爲客戶端的有效原點：http://127.0.0 ...... itelist這產地爲您的項目的客戶端ID

我想送從此本地路徑的請求：

http://127.0.0.1:8887/

而且我已經添加了此網址到授權的JavaScript源部分：

這是我的代碼：

<!-- 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>

我該如何解決這個問題？

來源

2017-05-19 Filipe Ferminiano

[Google API身份驗證：客戶端的無效來源]的可能重複（http://stackoverflow.com/questions/42566296/google-api-authentication-not-valid-origin-for-the-client） – DaImTo

我現在期待着同樣的問題。 – Praytic

你能解決它嗎？ – Praytic