React Google Login GoogleLogin组件抛出Invalid cookiePolicy错误

Question

我正在使用React构建一个简单的站点，并在https://www.npmjs.com/package/react-google-login.我跑步反应http://localhost:3000.我已将cookie策略设置为允许此主机。然而，每次启动react服务器时，我都会收到同样的错误：

"无效的cookiePolicy-gap.auth2.ExternalVisibleError：无效的cooieP…Naq8ri2P66tzK7chsKcRiE1CsLyQ/cb=gap.loaded:0:1:6"；

我还添加了http://localhost:3000作为Google OAuth凭据中的授权JavaScript来源。在我的index.js文件中，我有：

import React from 'react';
import ReactDOM from 'react-dom';
import GoogleLogin from "react-google-login";
const responseGoogle = (response) => {
console.log(response);
}
ReactDOM.render(
<GoogleLogin
clientId="296036318202-uraiim5u0cf5qpqhujl3aaj1kniuu41e.apps.googleusercontent.com"
buttonText="Login"
onSuccess={responseGoogle}
onFailure={responseGoogle}
cookiePolicy={"http://localhost:3000/"}
/>,
document.getElementById('googleButton')
);

我试着用"；http://localhost:3000"，但随后它开始抱怨跨站点cookie被发送：

"通过指定其SameSite属性"来指示是否在跨站点请求中发送cookie；

Answer 1

我遇到了这个问题，我发现我使用http://[::1]:3000/...而不是localhost访问页面。

当更改为localhost:3000时，它对我有效。

我认为谷歌不喜欢127.0.0.1、::1或在本地文件中使用gap，因为这是不安全的。