Vercel 重写：SPA 后备，API 端点除外

Question

我有一个要部署到 Vercel 的单页应用程序 + API。

我目前正在尝试在我的 vercel.json 中添加一些配置：

1. 重定向不在根目录的调用（例如/login) to index.html`，以便我可以利用 HTML History API（即 react-router 的浏览器路由器）
2. 不要期待/api 端点，我有一些动态路径（例如/files/[fileId]/[checksum].ts）

如何在 Vercel 中创建一个重写来完成这个？

我听从了这里的建议：https://vercel.com/docs/configuration#routes/advanced/spa-fallback

{
  "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

但是，这确实会将具有动态路径的 API 端点重定向到 index.html 文件，我只是希望这是 API。

有什么想法吗？

Answer 1

您可以使用negative lookahead regex 来检查网址是否包含api。

/(?!api\/.*).*/

{
  "rewrites": [
    {
      "source": "/((?!api\/.*).*)",
      "destination": "/index.html"
    }
  ]
}