加速访问vercel项目

发布时间: 2024-11-26 热度: 9323

1. 部署项目到 Vercel

  • 进入 Vercel 官网 vercel.com,并登录你的账户。
  • 点击右上角的 New Project,然后上传到 GitHub 的项目。
  • 点击 Deploy,Vercel 会自动为你配置项目并完成部署。

稍等几分钟后,会看到博客已经被部署到了一个 Vercel 提供的默认域名下(通常是 coustom-project.vercel.app)。

2. 配置自定义域

想要使用自己域名,需要在域名注册商处进行 DNS 配置,此教程域名托管在cloudflare

2.1 添加自定义域名

  • 进入Vercel仪表板,选择你的博客项目。
  • 点击 Settings 标签页,然后选择 Domains
  • 输入你购买的自定义域名(如 coustom.com),点击 Add

2.2 DNS 配置

  • 登录cloudflare网站,找到DNS设置。
  • DNSRecords里添加以下两条记录:
    • A 记录:指向 Vercel 的 IP 地址 76.76.21.21
    • CNAME 记录(仅用于子域名,如 www.coustom.com):指向 cname.vercel-dns.com.


  • 保存修改后,等待 DNS 生效,通常需要几分钟到几小时不等。

此时没有配置Cloudflare优选IP,在国内访问刚刚配置的 www.coustom.com 会很慢。

3. CloudFlare+SaaS回源优选IP

通过CloudFlare+SaaS回源优选IP加速访问Vercel项目。

3.1 什么是SaaS回源?

SaaS回源主要分为两个部分:

  1. 自定义主机名 (Custom Hostnames)
    • 你可以设置一个自定义主机名,来作为你的访问域名。
  2. 回源 (Origin Server)
    • 当用户请求特定的主机名(如客户自己的域名)时,请求会被转发到SaaS提供商的原始服务器(或称为回源服务器)。

3.2 具体配置

具体步骤,需要两个域名:

两个域名都是托管CF上的。

cloudsix.eu.org 域名下,找到 SSL/TLS 加密密模式调整为:完整(严格)

image-20241106160605483

image-20241106160605483

随后点击 自定义主机名 ,添加回退源(cloudsix.eu.org)和自定义主机名(cactusli.net)。

recording

recording

验证域名所有权 ,这里我们需要验证我们域名的所有权和证书验证,去到你自定义域名的DNS解析面板添加这两个TXT解析。

复制上图TXT,按照骤添加TXT解析。

image-20241106170136224

image-20241106170136224

添加好之后稍等片刻,等待CF服务器去验证,在辅助域名cloudsix.eu.org)的管里面面板中看到如下图所示内容,表示自定义主机名cactusli.net)解析成功。

image-20241106171149066

image-20241106171149066

设置优选域名或IP,添加辅助域名cnd.cloudsix.eu.org, CNAMEspeed.marisalnc.com并关闭小黄云,操作步骤如下图。

image-20241106171631115

image-20241106171631115


image-20241106171912069

image-20241106171912069

随后回到主域名(cactusli.net)控制面板,找到DNS添加CNAME到刚刚在辅助域名DNS 记录中添加二级域名cdn.cloudsix.eu.org

image-20241106172527934

image-20241106172527934

到此所有内容都配置完成,这里是以部署在 vercel 项目加速为例子的,此时在浏览器访问主域名(cactusli.net)如图并没有访问到部署在 vercel的项目。

image-20241106173103733

image-20241106173103733

这是因为在 vercel中配置域名(Domains)时,我们只配置了cloudsix.eu.org域名,这就导致了我们在访问主域名cactusli.net时找不到路径,解决方案是把主域名cactusli.net也配置到vercelDomains里。

recording

recording

再次访问 cactusli.net 就能访问到自己部署在vercel中的项目了,因为在这里利用了 SaaS回源优选IP,所以可以感觉到访问速度变得比之前快多了。

image-20241106174057363

image-20241106174057363

还有个问题,在访问 www.cactusli.net 会出现范围不到项目的问题,解决此问题需要在 cloudsix.eu.org下自定义主机里添加上 www.cactusli.net,然后再按照之前在主域名(cactusli.net)解析TXT的步骤进行配置解析。

image-20241106175337941

image-20241106175337941


image-20241106175158210

image-20241106175158210

最后在vercelDomains里添加上www.cactusli.net 就能正常访问项目了。

image-20241106175444139

请在下方留下您的评论.加入TG吹水群