Amazon Amplify 和 Next JS（重写）

Question

我遇到了重写的问题。我有5个版本的页面取决于域名。我需要将请求从“v1.domain.com”重写为“domain.com/v1”（没有重定向，只重写）。

我首先使用 NextJS 重写，但 Amplify 不喜欢它并且它不起作用。我也试图在放大方面解决这个问题。我打开了重写/重定向选项卡，但它不适用于域

我可以从 'domain.com/v1' 重写为 'domain.com/v2'，但我无法将 'v1.domain.com' 绑定到 'domain.com/v1'

有人遇到过同样的问题吗？您会建议我如何解决？

Answer 1

唯一对我有帮助的 - 在主页级别重写（使用 getInitialProps 并使用动态导入）

const HomePage: NextPage<Props> = ({ version }) => {
  const Page = versions[version as keyof typeof versions] || versions.v1;

  return Page && <Page />
}

HomePage.getInitialProps = async ({ req }) => {
  const [version] = req?.headers.host?.split('.') || [null];

  return {
    version
  }
}