Vercel部署的Next.js动态子域名应用添加用户自定义域名方法问询

我在Vercel部署了一个基于子域名渲染内容的Next.js应用，已将域名绑定到项目，部署URL为*.mysite.com。当John访问john.mysite.com时会渲染其个人资料内容，Mary访问mary.mysite.com时同理。

现在我希望实现类似Blogspot的自定义域名功能：让用户将自己的自定义域名（例如www.john.com）指向其在应用中的默认子域名john.mysite.com，从而通过自定义域名展示对应内容。我的Cloudflare DNS配置规则为：根域名与www子域名对应着陆页、app子域名对应管理页、其余子域名匹配用户生成内容。

补充说明1 #

john.com使用Cloudflare域名服务器，当前DNS配置如下：

目前存在以下问题：

• john.com和www.john.com访问出错
• john.mysite.com可正常加载内容
• Vercel部署URL无法加载用户资料，仅*.mysite.com格式的域名可行

补充说明2 #

我为john.com添加了以下NS记录，但问题仍未解决：

| NS | mysite.com | ns1.vercel-dns.com |
| NS | mysite.com | ns2.vercel-dns.com |

内容的提问来源于stack exchange，提问作者Bibek Oli