将授权的JavaScript来源添加到现有的google api OAuth客户端ID凭据似乎没有预期的效果

Question

我的问题是对answer to a related but different question https://stackoverflow.com/a/42633937/3175120的跟进。

当我尝试设置＆＃39;授权/登录时，我最初遇到以下错误： html页面上的按钮。

  

idpiframe_initialization_failed＆＃34;，详情：＆＃34;不是有效的来源   客户：＆＃34;我的域名＆＃34;将此来源列入您项目的客户ID

进入我的Google API开发者控制台后，我没有运气将Authorized JavaScript origins下的相关域添加到我现有的凭据中。

在浏览SO之后，我尝试尝试建议的答案，从头开始创建一个新的凭据，其中包括授权的javascript来源创建时的域。这样做有效。

现在我不明白为什么在现有凭证中添加授权来源并不起作用。应该有用吗？如果没有，我想知道原因。但是，如果我偶然发现了错误的行为，那么这里的验证可能会有所帮助，因此我可以report the bug使用Google的云平台。

根据以下屏幕截图：我的＆＃34; addHerokuAfter＆＃34;凭证不起作用，但＆＃34; whitelistfrombeginning＆＃34;凭证做了。它们看起来很相似。唯一的区别是＆＃34; addHerokuAfter＆＃34;凭证，我在创建后添加了授权来源。

以下是我的凭据列表：

这就是非工作凭证的样子。

这就是工作凭证的样子。

Answer 1

我遇到了同样的问题，并进行了3天的搜索：解决“ popup_closed_by_user”转到您的console.google转到您的API管理：凭据：修改您的凭据：

Authorized Javascript origin (http://localhost:port);
Authorized redirect URI( http://localhost:port/auth/google/callback);

示例：

Authorized Javascript origin (http://localhost:4200);
Authorized redirect URI( http://localhost:4200/auth/google/callback);