Angular网站Firebase Hosting绑定Squarespace域名异常求助

1. 解决Squarespace DNS记录自动恢复+自定义域名仍显示默认页面问题 #

• 关闭Squarespace域名托管：进入Squarespace后台「设置」→「高级」→「域名」，找到你的自定义域名，选择「将域名指向外部服务」，关闭Squarespace对该域名的托管——这是DNS记录自动重置的核心原因。
• 重新配置DNS记录：
  • 删除所有原Squarespace提供的A记录
  • 添加Firebase指定的4条A记录：
    • IP：151.101.1.195
    • IP：151.101.65.195
    • IP：151.101.129.195
    • IP：151.101.193.195
  • 保留之前配置的Firebase验证TXT记录；若使用www子域名，添加CNAME记录指向mydomain.web.app
• 验证DNS解析：用命令行执行nslookup mydomain.com或dig mydomain.com，确认返回的IP是Firebase提供的地址，等待1-24小时完成DNS全球同步。

2. 解决Firebase默认域名显示初始化提示问题 #

• 确认Angular构建产物：执行ng build（Angular 13+默认生产环境），确保项目根目录下生成了dist/[你的项目名]文件夹，且内部包含正确的静态文件。
• 修正firebase.json配置：打开项目根目录的firebase.json，检查hosting字段的public路径是否指向Angular的dist目录，同时确保路由重写规则存在（否则Angular单页路由会失效），示例配置：

  {
    "hosting": {
      "public": "dist/your-angular-project",
      "ignore": [
        "firebase.json",
        "**/.*",
        "**/node_modules/**"
      ],
      "rewrites": [
        {
          "source": "**",
          "destination": "/index.html"
        }
      ]
    }
  }
  

• 重新部署：执行firebase deploy --only hosting，不要再次执行firebase init（会覆盖现有配置），查看部署日志确认静态文件已正常上传。

3. 额外排查步骤 #

• 清除浏览器缓存：用无痕模式访问mydomain.com，避免本地缓存的旧页面干扰。
• 检查Firebase域名状态：在Firebase控制台「Hosting」→「自定义域名」页面，确认域名状态为「已激活」，无验证或SSL错误。
• 刷新Squarespace缓存：若DNS已生效但仍显示Squarespace页面，可联系Squarespace支持强制刷新CDN缓存。

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