谷歌API出错，但仍然可用。

Question

在连接到Google Drive API时，我的本地主机出现了控制台错误，但我已经在脚本中配置的选择器成功显示了我的驱动器内容：

执行“postMessage”失败：“目标起源（'https://docs.google.com'）与接收窗口的起源（'http://localhost:8000'）不匹配。

加载 'https://docs.google.com/picker?protocol=gadgets&origin=http%3A%2F%2Flocalho…2photos%22))&rpctoken=yxxydsx40r21&rpcService=2dngvfb4tj9x&thirdParty=true' 时遇到无效的 'X-Frame-Options' 标头：'ALLOW-FROM http://localhost:8000' 不是一个被认可的指令。该标头将被忽略。

我应该忽略这个错误还是会给我带来麻烦？

- redress

---

以下可能会对您有所帮助：https://dev59.com/N14c5IYBdhLWcg3wv8hl，https://dev59.com/zobca4cB1Zd3GeqPacpD和https://dev59.com/kmQo5IYBdhLWcg3wUeCL。 - KRR

你解决了这个问题吗？ - phuwin

你想使用哪个谷歌API？你是想在iframe或另一个窗口中加载Google文档，然后与之通信吗？ - Morad Ankri

我认为这是浏览器问题。请尝试使用最新版本的Chrome浏览器，并检查是否仍然存在此问题。 - Atul Sharma

我也遇到了同样的问题，google.picker.PickerBuilder().setOrigin('http://example.com') 也无法解决。 - Amir Astaneh

Answer 1

这是一个CORS问题，即跨域资源共享。您需要在服务器上添加CORS，以便设置正确的标头。 CORS是什么及如何解决

阅读：使用HTTP请求时的错误来源

- Bojoer

Answer 2

这是一个错误

https://issuetracker.google.com/issues/177046274

看起来有一些变通方法适用于将其作为应用脚本插件的一部分使用的人，参考此堆栈问题：

Google Picker API无效的来源值错误

但是这对使用JavaScript的官方quickstart不起作用。

我已经在Chrome和Firefox中进行了测试，两者都给出了相同的结果。

如果这影响到您，请确保去点亮上面链接的问题。

- iansedano

Answer 3

在使用Google APIs时，我发现设置虚拟主机并将其添加到操作系统的hosts文件中更容易。如果您知道如何设置自签名证书，这也可能会有所帮助。

个人使用Vagrant和Homestead来设置所有项目，并打开SSL标志。这样，我就可以使用URL https://project.local/，浏览器不会对X-Frame-Options进行太多投诉。

要启用SSL，请在生成的Homestead.yaml文件中，在authorize: ~/.ssh/id_rsa.pub下方放置ssl: true。默认情况下，证书不会受信任，因此您必须告诉操作系统您想要信任它。很抱歉，我不记得上次具体是如何做的了。

- davi_singh

Answer 4

你需要控制Google的HTTP头，确保使用有效的选项X-Frame-Options

- Neji Soltani