Angular Universal部署Firebase Hosting后robots.txt与favicon报404求助

可能的原因及对应解决方案 #

1. 修正angular.json的assets路径配置 #

你的angular.json里的robots.txt路径存在冗余前缀（MY_APP/src/），会导致构建时无法将文件复制到正确输出目录。请确保路径是相对于angular.json所在项目根目录的正确相对路径：

"assets": [
  "src/favicon.ico",
  "src/assets",
  "src/robots.txt",
  "src/sitemap.xml"
]

修改后重新执行npm run build:ssr，检查dist/[你的项目名]/browser/目录下是否存在robots.txt和favicon.ico——如果文件存在，说明资产配置已生效。

2. 调整firebase.json的重写规则优先级 #

Firebase Hosting的重写规则按顺序匹配，若你的配置将所有请求都重定向到SSR服务（比如function: "ssr"或指向server.js的规则），静态文件会被优先拦截。需要将robots.txt和favicon.ico的匹配规则放在最前面，让Firebase直接返回静态文件：

{
  "hosting": {
    "public": "dist/[你的项目名]/browser",
    "rewrites": [
      {
        "source": "/robots.txt",
        "destination": "/robots.txt"
      },
      {
        "source": "/favicon.ico",
        "destination": "/favicon.ico"
      },
      {
        "source": "**",
        "function": "ssr" // 或你当前使用的SSR重写规则
      }
    ],
    "headers": [
      {
        "source": "robots.txt",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "no-cache"
          }
        ]
      }
    ]
  }
}

3. 检查文件大小写与Firebase Hosting兼容性 #

Firebase Hosting区分文件名大小写，而本地开发环境通常不区分。确认本地文件是robots.txt（全小写）而非Robots.txt或其他大小写组合，避免部署后路径不匹配。

4. 清理缓存并重新部署 #

执行以下步骤确保缓存不会影响访问：

• 重新构建并部署：npm run build:ssr && firebase deploy --only hosting
• 若仍有问题，登录Firebase控制台，进入Hosting > 存储 > 清除缓存，强制刷新CDN缓存。

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