javascript - Google 驱动器选择器错误

Question

我在访问谷歌驱动器选择器时遇到以下错误，但是选择器正确显示，没有任何错误。

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://docs.google.com') does not match the recipient window's origin ('http://localhost').

Invalid 'X-Frame-Options' header encountered when loading 'https://docs.google.com/picker?protocol=gadgets&origin=http%3A%2F%2Flocalho…%3Atrue%7D))&rpctoken=e2x1eop3h1rr&rpcService=2qeo0ns6gu13&thirdParty=true': 'ALLOW-FROM http://localhost' is not a recognized directive. The header will be ignored.

PSB 来 self 的开发者控制台的屏幕截图

http://screencloud.net/v/6431

我也提到了这个问题Google Drive Picker - Developer Key is Invalid Error但我认为 google api 发生了一些变化，所以这个东西不起作用。

代码片段-

var picker = new google.picker.PickerBuilder()
                             .setLocale(lkGoogleSettings.locale)
                             .setOAuthToken(accessToken)
                             .setCallback(pickerResponse)
                             .setOrigin(lkGoogleSettings.origin);

谢谢

Answer 1

正如一些评论员所提到的，X-Frame-Option 错误是 Chrome 中的已知错误。可以看到关于它的长篇讨论here .

现在，真正的问题是:源匹配。无论您是否在您的客户端 ID 权限中将其添加到您的来源，Google Drive 都不能很好地与本地主机一起使用，无论是否有端口。

然而，还是有希望的。如果您在主机文件中设置域以指向本地主机，则可以将该域添加到 Google App 控制台中的源，一切都按预期进行!

为了测试我的应用程序，我一直这样做。例如:

1. 将 dev.mysite.com 添加到您的 hostfile(在 Mac 中为/etc/hosts)。
2. 在 Google App Console 中复制您对选择器应用的权限中的域，您应该可以开始了。
3. 使用 dev.mysite.com:80* 启动您的站点，Drive Picker 现在应该可以正常运行。

*注意:您必须在端口 80 上提供服务。Google 根本不善用端口，所以当您访问您的站点时，地址必须是 dev.mysite.com 没有端口。