发布于 2026-01-06 10 阅读
0

在 Vercel 上设置域名和子域名:分步指南

在 Vercel 上设置域名和子域名:分步指南

简介:
如果您已从 Namecheap 购买了域名并希望将其与 Vercel 配合使用,本分步指南将引导您完成整个过程。通过将您的域名连接到 Vercel 并创建子域名,您可以轻松地在 Vercel 的强大平台上托管您的网站或应用程序。让我们开始吧!

Vercel 和 Namecheap

第一步:登录 Namecheap。
访问 Namecheap 网站,使用您的凭据登录您的帐户。登录后,您就可以管理您的域名和子域名设置。

Namecheap 控制面板

步骤 2:访问域名管理。
在 Namecheap 控制面板中,找到要连接到 Vercel 的域名,然后点击旁边的“管理”按钮。这将带您进入域名管理页面。

Namecheap 控制面板

步骤 3:更新 DNS 设置。
在域名管理页面,导航至“名称服务器”。选择“自定义 DNS”选项。在此处,您需要添加或修改 DNS 记录,将您的域名和子域名指向 Vercel 的服务器。

Namecheap 控制面板
现在我们将前往 Vercel 获取我们项目所需的自定义 DNS。

对于主域名,
步骤 1:打开一个新的标签页或窗口,访问 Vercel 网站。使用您的凭据登录 Vercel 帐户。
登录后,点击“导入项目”或“添加”按钮,将您的网站或应用程序添加到 Vercel。
添加项目后,您将被重定向到项目控制面板。在这里,点击“设置”或“项目设置”选项以访问配置设置。

Vercel 仪表盘

在“域名”或“自定义域名”部分,点击“添加”按钮。输入您的主域名,然后点击“添加域名”。

Vercel 仪表盘

Vercel 仪表盘

步骤 2:尝试将域名添加到 Vercel 后,您可能会遇到“配置无效”的提示。要解决此问题,您需要编辑域名的名称服务器。通过修改名称服务器,您可以确保配置正确,并实现 Namecheap 域名与 Vercel 主机平台之间的无缝集成。

Vercel 仪表盘

步骤 3:选择 Vercel 提供的域名服务器,并将其复制到文本编辑器或记事本中以备后用。您需要将这些域名服务器添加到 Namecheap 的域名设置中,才能建立您的域名与 Vercel 主机平台之间的连接。

Vercel 仪表盘

步骤 4:接下来,导航至 Namecheap 域名管理页面中的“自定义 DNS”部分。在这里,您可以找到添加自定义名称服务器的选项。将从 Vercel 获取的名称服务器粘贴到指定字段中。此步骤允许您配置域名的 DNS 设置,使其指向 Vercel 的服务器。添加名称服务器后,保存更改。这可确保域名正确链接到 Vercel,从而在 Namecheap 和 Vercel 之间建立无缝连接,以便托管您的网站或应用程序。

Namecheap 控制面板

步骤 5:成功将 Vercel 提供的名称服务器添加到 Namecheap 的自定义 DNS 设置后,您的域名应该就可以正常工作并可以使用了。

Vercel 仪表盘

接下来谈谈子域名方面。

第一步:导航至要添加子域名的主域名。点击“编辑”选项,然后选择相应“域名”的“查看 DNS 记录及更多”。

图片描述

图片描述

步骤 2:要添加子域名,请创建一个新的 DNS 记录,并选择合适的记录类型,通常为“CNAME”。将所需的子域名作为此记录的“主机”或“名称”输入。在“值”或“指向”字段中,指定 Vercel 的子域名,通常为“cname.vercel-dns.com”(不带引号)。

完成这些更改后,请保存更新后的 DNS 记录,以确保子域名配置正确。

图片描述

步骤 3:在新标签页或窗口中打开 Vercel 网站,并使用您的登录凭据登录您的 Vercel 帐户。成功登录后,找到“导入项目”或“添加”按钮,然后单击它,将您的网站或应用程序添加到 Vercel 中。

添加项目后,您将被重定向到项目控制面板。从那里,导航至“设置”或“项目设置”选项以访问配置设置。

在配置设置中,找到“域名”或“自定义域名”部分,然后点击“添加”按钮。要添加子域名,请再次点击“添加”按钮,然后输入所需的子域名。如果 DNS 记录设置正确,Vercel 将自动验证该域名。成功添加子域名后,Vercel 也将继续验证该子域名。

Vercel 仪表盘

步骤 7:验证并部署
Vercel 将验证您的域名和子域名设置。验证完成后,您可以将项目部署到您添加的域名和子域名。Vercel 将处理部署过程,并使您的网站或应用程序可以通过您的自定义域名和子域名访问。

结论:
按照这些分步说明,您可以将 Namecheap 的主域名和子域名无缝连接到 Vercel,从而充分利用 Vercel 强大的托管功能。但需要注意的是,在向项目中添加子域名时,主域名和子域名必须位于同一个 Vercel 帐户下。如果您已使用个人帐户将主域名添加到项目,现在想向团队项目添加子域名,则需要采用不同的方法。

感谢您阅读本指南,祝您编程愉快!

文章来源:https://dev.to/farhadjaman/setting-up-a-domain-and-subdomain-on-vercel-a-step-by-step-guide-2idg