当我部署我的网站到netlify,我无法正常登录,新的谷歌窗口自动打开和关闭,我的网站Clock
function SignIn() {
const signInWithGoogle = () => {
const provider = new firebase.auth.GoogleAuthProvider();
auth.signInWithPopup(provider);
};
return (
<>
<button className="sign" onClick={signInWithGoogle}>
Sign in with Google
</button>
</>
);
}
function SignOut() {
return (
auth.currentUser && (
<button className="sign" onClick={() => auth.signOut()}>
Sign Out
</button>
)
);
}
Picture
在netlify上部署后,只出现在web上,在本地服务器上工作正常
2条答案
按热度按时间0aydgbwb1#
将当前netlify域添加到firebase控制台
首先转到此URL:https://console.firebase.google.com/u/0/project/your_project_name/authentication/providers
然后转到
Authorised domains
部分并添加https://kreivc-clock.netlify.app/始终记得检查身份验证错误并向其发出警报:
egdjgwm82#
上面的答案提供了一个链接,目前给出了这样的错误消息“处理请求时出现未知错误。*"。作为一个业余爱好者,我很难找到
Authorized Domains
选项(谷歌可能会随着时间的推移移动路线)。这就是我
Solved
的问题所在:首先转到:https://console.firebase.google.com/如果您已登录,您将在此处看到您的所有项目列表。选择要添加授权域的项目。将打开项目概述页面。
然后单击左侧*
Project Overview
按钮下或Project Shortcuts
标签下的Authentication
链接。在新页面上,您将在
User
、Sign in method
选项的右侧看到按钮Settings
。单击Setting
按钮后,您将在页面底部看到Authorized Domain
选项。现在您可以添加您的域(如您提供的:https://kreivc-clock.netlify.app/)。您的Netlify和Google Auth**问题将得到解决。