subdomain - 使用 NextJS 进行动态子域路由

Question

动态子域路由功能如何在 NextJS 中实现？
示例:如果用户带有用户名 abc现场xyz然后他可以访问他的
网站上 abc.xyz.com另外，如果用户有 abc.com域然后他可以点abc.com至 abc.xyz.com所以将来如果有人打开 abc.com然后 abc.xyz.com送达。在网址中
还有abc.com显示。
我已经调查了 NPM 中的一些插件，如 vhost 和通配符子域，但不确定这是解决这个问题的正确方法。
vhost 需要更改系统 hosts在本地系统和通配符子域中，纯粹通过路由解决了这个问题。
我自定义的本地系统设置 Server.js 使用暂时有效的代码，但似乎不是可用于生产的解决方案:
Server.js

  ...
    if (pathname === "/demo.demo.com") {
          app.render(req, res, "/demo.demo.com", query);
    }
    ...

而在 _app.js

static async getInitialProps(appArgument) {
   ...
    return {
      ...
      renderFrom: "demo.demo.com"
    };
  }

同样在我的主机中，我有 demo.demo.com指向 localhost .
该网站在 demo.demo.com:3000 中为我工作但是如何在生产场景中推广它
与数据库和 CNAME使用用户操作自动记录和添加/更改 CNAME 记录。

Answer 1

在 Vercel (Next.js 的创建者)，我们支持 Wildcard Domains盒子外面。在 Next.js 中，您只需要从传入请求的 header 中读取域，对其进行解析，然后以正确的内容进行响应。
我希望那是有帮助的!