reactjs - 提供的目标来源 ('https://docs.google.com') 与收件人窗口的来源 ('http://localhost:3000') 不匹配

Question

嗨，我正在尝试从我的 react 应用程序访问 google drive，当我登录时出现 iframe 并显示“开发人员密钥无效”。我正在使用谷歌驱动库react-google-picker。

我Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://docs.google.com') does not match the recipient window's origin ('http://localhost:3000')在浏览器控制台中收到这样的消息。

我不明白为什么会这样说The target origin provided ('https://docs.google.com')，我http://localhost:3000在谷歌开发者控制台中输入了 Javascript 原始 url。是 iframe 的问题吗？

Answer 1

我在遇到同样问题时遇到了这个问题，尽管我是直接使用文档中的示例！

我发现我错过了启用 Picker API https://console.cloud.google.com/apis/library/picker.googleapis.com