如何在Firebase Hosting中排除/images路径不被SPA重写？

刚好之前我也遇到过一模一样的需求，Firebase Hosting的重写规则是按顺序匹配的，所以解决思路很简单：把排除/images的规则放在默认重写规则前面就行。

直接修改你的firebase.json配置，改成下面这样：

{
  "hosting": {
    "public": "build", // 记得换成你实际的public目录哦
    "rewrites": [
      // 先匹配/images下的所有内容，直接返回原文件，不重写
      {
        "source": "/images/**",
        "destination": "/images/**"
      },
      // 剩下的所有请求依然重写到index.html，保持React路由正常
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

原理说明 #

Firebase会从上到下逐条检查重写规则，当用户请求/images/xxx.jpg这类路径时，会先匹配到第一条规则，直接返回对应路径的图片文件，不会触发后面的默认重写。而其他所有非/images路径的请求，还是会正常走React的单页路由逻辑。

还有两个小提醒：

• 确认你的/images目录是放在Firebase Hosting指定的public目录（比如示例里的build）下面的，不然Firebase找不到这些图片哦。
• 如果只想排除特定类型的图片，还可以调整source的匹配模式，比如/images/*.png只排除PNG格式，但/images/**能匹配/images下所有子目录和文件，适用性更广。

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