部署Angular应用到Firebase Hosting出现404错误求助

• 确认构建产物完整性
  执行ng build --configuration production后，检查dist/abc/browser目录下是否存在index.html及所有静态资源（js、css、assets等）。若文件缺失，重新执行构建命令，确保过程无报错。

• 校准firebase.json配置
  除了确保public路径精准指向dist/abc/browser，必须添加单页应用路由重写规则，否则非根路径会直接返回404：

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

• 本地预验证部署内容
  执行firebase serve启动本地托管服务，访问http://localhost:5000测试页面加载情况。若本地仍报错，说明是配置或构建产物问题；若本地正常，重新执行firebase deploy，可能是部署缓存或上传不完整导致。

• 检查Firebase控制台部署记录
  登录Firebase控制台进入对应项目的Hosting页面，查看最新部署的文件列表，确认index.html已上传。若文件未成功上传，执行firebase deploy --only hosting --force强制覆盖部署，同时清理本地Firebase缓存。

• 匹配Angular版本的构建路径
  Angular 16+默认构建输出在dist/项目名/browser，旧版本路径可能不同，需确保public路径与实际构建输出目录完全匹配，注意路径区分大小写（Firebase服务器环境严格区分）。

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