使用 Firebase 重写将 /api/** 路由到功能，并将其他所有内容路由到单页应用程序答案

【问题标题】：Using Firebase rewrites to route /api/** to function and everything else to single page app使用 Firebase 重写将 /api/** 路由到功能，并将其他所有内容路由到单页应用程序
【发布时间】：2018-03-25 02:39:42
【问题描述】：

我已经看到了使用 Firebase 重写将 /api/** 路由到他们的 Express 应用函数的其他堆栈溢出答案。

我正在遵循这些说明，但也尝试托管单页应用程序。

将两者结合起来似乎不起作用，因为 API 路由仍在映射到我的 index.html 文件。

这些是我的重写

"rewrites": [
  {
    "source": "/api/**",
    "function": "api"
  },
  {
    "source": "**",
    "destination": "/index.html"
  }
]

这可能吗？

【问题讨论】：

能发一下你的Express功能代码吗？
当您想为多个 URL 显示相同的内容时使用重写。 firebase.google.com/docs/hosting/…

标签： firebase firebase-hosting

【解决方案1】：

为了回答您的问题，我设法通过从单页应用程序规则中排除 /api/ 来做到这一点。

"rewrites": [
  {
    "source": "/api/**",
    "function": "api"
  },
  {
    "source": "!/api/**",
    "destination": "/index.html"
  }
]

我们在这里说：

以“/api/”开头的所有内容都转到名为“api”的函数
其他所有内容都转到您的单页应用程序 (index.html)

【讨论】：