如何配置Firebase权限允许所有用户使用Google登录并解决Github Pages部署后无法登录问题

• 配置Firebase授权域
  进入Firebase控制台对应项目，打开「Authentication」模块的设置页，在「授权网域」列表中添加你的Github Pages域名，例如你的用户名.github.io，若使用自定义域名也需要同步添加。
• 配置Google Cloud OAuth授权地址
  Firebase Google登录依赖Google Cloud的OAuth服务，你需要进入对应Google Cloud项目的API凭据页面，找到当前使用的OAuth 2.0客户端ID，在「已授权的JavaScript来源」和「已授权的重定向URI」配置项中都添加你的Github Pages域名。
• 修复代码拼写问题
  你提供的代码中错误捕获部分存在拼写错误，error.messsage多写了一个字母s，修改为error.message即可正常捕获展示报错信息，方便后续问题排查。
  修正后的代码片段参考：

  const[{user},dispatch]=useStateValue();
  
  const SignIn=(e)=>{
      e.preventDefault();
      auth
      .signInWithPopup(provider)
      .then((result) =>
        dispatch({
          type: 'SET_USER',
          user: result.user,
        })
      )
      .catch((error) => alert(error.message));
  }; 
  

• 校验部署路径配置
  若你的项目部署在Github Pages的子路径下（格式为https://用户名.github.io/仓库名），无需修改Firebase初始化配置中的authDomain参数，保持和Firebase控制台给出的默认配置一致即可。

内容的提问来源于stack exchange，提问作者Digamber negi