Vercel配置自己的域名
00 分钟
2024-3-10
2024-3-10
type
status
title
summary
slug
Created
Mar 10, 2024 02:23 AM
category
tags
Date
icon
password

一、前言

Vercel配置域名非常简单,本次主要讲解两种方式,第一种是最基础的,第二种是带了 Cloudfare 加速的。
 

二、基础配置

前面vercel创建账号,创建项目的步骤就略过了,如果你已经创建好了一个项目,可以点击 Settings 来到 Domain 的配置页面
notion image
 
接着输入你自己购买的域名,比如我的是 easycover.site
notion image
 
它会提示你几种添加方式,第一种是添加 www.easycover.site,并且当用户访问 easycover.site 的时候自动重定向到 www.easycover.site;第二种就是和第一种反着来;第三种就是单纯添加 easycover.site
 
这里比较建议选择第二种,因为 easycover.site 比较简短,大家容易记得住,之所以不选择第三种,是因为有些人也会访问www.easycover.site,加个重定向可以引流到 easycover.site ,提升SEO效果。
 
点击添加后,会让你在域名购买商添加一个DNS解析记录,它的作用其实就是将你的域名转换为对应的IP地址,你可以理解为你现在的项目就部署在vercel的服务器上,然后它服务器的IP就是下图指向的那个IP。这样当你访问域名的时候,就会访问到这个服务器上。
notion image
 
添加DNS解析记录,按照vercel要求的填写就行
notion image
notion image
 
添加完毕后,vercel会自动检测是否OK,像这样就是解析正常了
notion image
 

三、Cloudfare 加速

之所以要用Cloudfare加速,是因为单纯用 Vercel 进行部署,国内访问速度并不理想,而使用国内CDN则又是一笔不小的费用。
 
接下来实战开始:
1、你需要在 Cloudflare 创建一个账号,这一步略过
 
2、如果你不习惯看英文的话,可以先切成简体中文
notion image
 
3、添加一个网站
在上面的那张图的右边有一个 添加站点 的按钮,点击
notion image
 
4、添加的过程中会让你选择计划,这里选择免费的即可:
notion image
 
5、选择后,就到了添加域名解析的环节
如果你之前没有在 vercel 配置域名(也就是前面的第二步),你看到的应该是这样的,就是没有DNS记录
notion image
 
如果你像我一样已经在 vercel 配置了域名,你看到的应该是这样的
notion image
 
6、点击继续后,可以看到Cloudfare需要你更改DNS服务器。这是为什么呢?因为这时候的Cloudfare相当于是一个中间人的角色,访问域名时,相当于经历了一个 域名服务商 → Cloudfare → Vercel 的流程,更改DNS服务器,相当于DNS解析这一步由Cloudfare做了,而不是域名服务商。
notion image
 
 
7、我的域名服务商是腾讯云,在腾讯云的域名列表有一个更多选项,点击进行修改即可
notion image
notion image
 
8、修改DNS服务器后,注意要在域名服务商把之前的DNS解析记录删掉(或者也可以暂停),然后还要在Cloudfare加上之前的DNS解析,因为现在变成在Cloudfare解析域名了!!!(生效的时间可能会有点久)
notion image
notion image
 
注:我大概是过了两个小时左右Cloudfare才提示我激活成功(邮箱提示),激活成功后DNS记录前的感叹号也没了
 
9、域名频繁301/302 跳转
当我配置成功后,虽然小云朵变成橙色,但是网站一直访问不了,一开始还怀疑是DNS服务器更换需要时间,后来发现是网站一直在重定向导致的。
 
这是因为我 Cloudflare 配置了CDN加速,回源的网站配置的是http,但是我回源的是Vercel,Vercel又会自动将http重定向到https,这就造成了一直重定向的情况,具体可以参考这篇文章《域名添加到cdn后访问频繁301/302跳转》
 
解决办法也比较简单,回源时配置 https 即可:
notion image
 
注:Cloudfare没激活前,我这里勾选的是“完全”的选项,但是激活后会自动跳到“灵活”选项,从而导致域名不断重定向,如果激活成功了一定要确认这里的选项!