Vercel -重写到外部页面的路由

Question

我有一个关于在Vercel上重写配置的问题，非常类似于this vercel discussion。我的问题基本上是相同的，但情况正好相反:我在vercel (main.vercel.app)上有一个站点，我想将不同的页面重写到其他vercel站点。所以我想要的是：

main.vercel.app/page-a   -->   page-a.vercel.app
main.vercel.app/page-b   -->   page-b.vercel.app

当我尝试这种配置时，它会正确地加载页面，但所有的资源( page -a.vercel.app/styles.css等)将不会被加载：

{
  "rewrites": [
    {
      "source": "/page-a",
      "destination": "https://page-a.vercel.app/"
    }
  ]
}

当我尝试此配置时，它将重定向所有资产，但不会重定向初始页面：

{
  "rewrites": [
    {
      "source": "/page-a(.*)",
      "destination": "https://page-a.vercel.app$1"
    }
  ]
}

那么正确的配置应该是什么呢？

Answer 1

如果您尝试合并这两个重写，会怎么样？

根据您的说法，一种重写模式适用于主页，另一种重写模式适用于除主页以外的所有其他资产。由于rewrites是一个列表，可以包含多个模式，请尝试合并这两个对象，并使其如下所示：

{
  "rewrites": [
    {
      "source": "/page-a",
      "destination": "https://page-a.vercel.app/"
    },
    {
      "source": "/page-a(.*)",
      "destination": "https://page-a.vercel.app$1"
    }
  ]
}