React.js网站部署Firebase后自定义域名无法访问求助

针对你遇到的saif-newaz.web.app域名无法访问（显示Site Not Found）但saif-newaz.firebaseapp.com正常的情况，试试下面这些排查和解决步骤：

• 确认域名关联状态：打开Firebase控制台，进入项目的Hosting模块，查看saif-newaz.web.app域名的状态是否为“已激活”，同时检查该域名对应的部署记录是否存在（有没有最近的部署日志）。如果域名未正确关联，重新触发一次部署并等待域名同步。

• 验证firebase.json配置：确保项目根目录的firebase.json中Hosting的public字段指向React的构建产物目录，也就是"public": "build"，同时确认没有错误的重写规则导致路由异常。示例正确配置：

  {
    "hosting": {
      "public": "build",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ],
      "rewrites": [
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    }
  }
  

• 强制清除CDN缓存：Firebase Hosting依赖CDN分发内容，web.app域名的缓存可能未及时更新。可以通过两种方式清除：

  1. 在Firebase控制台Hosting页面的“缓存”选项卡中，点击“清除缓存”按钮；
  2. 使用Firebase CLI执行命令：firebase hosting:clear，执行前确保已登录并选中正确项目。

• 检查多站点配置：如果你的Firebase项目中创建了多个Hosting站点，确认saif-newaz.web.app是否绑定到了正确的站点（也就是你部署React应用的那个站点），避免域名关联到了未部署内容的空站点。

• 验证DNS解析：尝试切换本地DNS服务器（比如改用Google的8.8.8.8），或者在终端执行nslookup saif-newaz.web.app，确认解析结果是否和saif-newaz.firebaseapp.com一致，排除本地DNS缓存导致的解析异常。

内容的提问来源于stack exchange，提问作者Saif Newaz