子域名指向多个Vercel NextJS应用

要实现子域名指向多个Vercel NextJS应用，你可以按照以下步骤进行操作：

1. 首先，确保你已经在Vercel上部署了所有的NextJS应用，并且每个应用都有自己的域名。

2. 登录到你的DNS管理面板（可能是你的域名注册商或者DNS服务提供商），创建一个CNAME记录来指向Vercel的默认域名。这个默认域名通常是<应用名称>.vercel.app，你可以在Vercel控制台的部署设置中找到该域名。

   例如，如果你的应用名称是app1，默认域名是app1.vercel.app，那么你可以创建一个CNAME记录，将子域名app1.example.com指向app1.vercel.app。

3. 重复步骤2，为每个NextJS应用创建一个对应的CNAME记录，并将子域名指向相应的默认域名。

4. 确保所有的CNAME记录已经生效（通常需要等待DNS解析的时间）。

5. 现在，你可以通过访问子域名来访问每个NextJS应用了。例如，app1.example.com将会指向名为app1的NextJS应用。

以下是一个使用Node.js和Express框架的示例代码，展示如何将子域名路由到不同的NextJS应用：

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');

const app = express();

// 子域名和对应的NextJS应用的映射关系
const subdomains = {
  app1: 'http://app1.vercel.app',
  app2: 'http://app2.vercel.app',
};

// 将子域名代理到对应的NextJS应用
app.use((req, res, next) => {
  const subdomain = req.subdomains[0]; // 获取子域名

  if (subdomains.hasOwnProperty(subdomain)) {
    return createProxyMiddleware({
      target: subdomains[subdomain],
      changeOrigin: true,
    })(req, res, next);
  }

  next();
});

// 处理其他路由
app.get('/', (req, res) => {
  res.send('Hello, World!');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上述代码中，我们首先定义了一个subdomains对象，它将子域名映射到对应的NextJS应用的默认域名。然后，我们使用Express的中间件来判断请求的子域名，如果存在匹配的子域名，则使用http-proxy-middleware将请求代理到对应的NextJS应用。最后，我们定义了一个处理其他路由的路由处理程序，以便在没有匹配子域名的情况下返回自定义的响应。

请注意，上述示例代码是一个简化版的示例，你可能需要根据自己的需求进行适当的修改和调整。此外，还要确保安装了必要的依赖项，可以使用以下命令进行安装：

npm install express http-proxy-middleware

希望这个示例能帮助到你！