type
status
title
summary
slug
Created
Mar 10, 2024 02:23 AM
category
tags
Date
icon
password
一、前言
Vercel
配置域名非常简单,本次主要讲解两种方式,第一种是最基础的,第二种是带了 Cloudfare
加速的。二、基础配置
前面vercel创建账号,创建项目的步骤就略过了,如果你已经创建好了一个项目,可以点击
Settings
来到 Domain
的配置页面
接着输入你自己购买的域名,比如我的是
easycover.site

它会提示你几种添加方式,第一种是添加 www.easycover.site,并且当用户访问 easycover.site 的时候自动重定向到 www.easycover.site;第二种就是和第一种反着来;第三种就是单纯添加 easycover.site 。
这里比较建议选择第二种,因为 easycover.site 比较简短,大家容易记得住,之所以不选择第三种,是因为有些人也会访问www.easycover.site,加个重定向可以引流到 easycover.site ,提升SEO效果。
点击添加后,会让你在域名购买商添加一个DNS解析记录,它的作用其实就是将你的域名转换为对应的IP地址,你可以理解为你现在的项目就部署在
vercel
的服务器上,然后它服务器的IP就是下图指向的那个IP。这样当你访问域名的时候,就会访问到这个服务器上。
添加DNS解析记录,按照vercel要求的填写就行


添加完毕后,vercel会自动检测是否OK,像这样就是解析正常了

三、Cloudfare 加速
之所以要用
Cloudfare
加速,是因为单纯用 Vercel
进行部署,国内访问速度并不理想,而使用国内CDN则又是一笔不小的费用。接下来实战开始:
1、你需要在
Cloudflare
创建一个账号,这一步略过2、如果你不习惯看英文的话,可以先切成简体中文

3、添加一个网站
在上面的那张图的右边有一个 添加站点 的按钮,点击

4、添加的过程中会让你选择计划,这里选择免费的即可:

5、选择后,就到了添加域名解析的环节
如果你之前没有在 vercel 配置域名(也就是前面的第二步),你看到的应该是这样的,就是没有DNS记录

如果你像我一样已经在 vercel 配置了域名,你看到的应该是这样的

6、点击继续后,可以看到Cloudfare需要你更改DNS服务器。这是为什么呢?因为这时候的Cloudfare相当于是一个中间人的角色,访问域名时,相当于经历了一个 域名服务商 → Cloudfare → Vercel 的流程,更改DNS服务器,相当于DNS解析这一步由Cloudfare做了,而不是域名服务商。

7、我的域名服务商是腾讯云,在腾讯云的域名列表有一个更多选项,点击进行修改即可


8、修改DNS服务器后,注意要在域名服务商把之前的DNS解析记录删掉(或者也可以暂停),然后还要在Cloudfare加上之前的DNS解析,因为现在变成在Cloudfare解析域名了!!!(生效的时间可能会有点久)


注:我大概是过了两个小时左右Cloudfare才提示我激活成功(邮箱提示),激活成功后DNS记录前的感叹号也没了
9、域名频繁301/302 跳转
当我配置成功后,虽然小云朵变成橙色,但是网站一直访问不了,一开始还怀疑是DNS服务器更换需要时间,后来发现是网站一直在重定向导致的。
这是因为我
Cloudflare
配置了CDN加速,回源的网站配置的是http,但是我回源的是Vercel,Vercel又会自动将http重定向到https,这就造成了一直重定向的情况,具体可以参考这篇文章《域名添加到cdn后访问频繁301/302跳转》解决办法也比较简单,回源时配置 https 即可:

注:Cloudfare没激活前,我这里勾选的是“完全”的选项,但是激活后会自动跳到“灵活”选项,从而导致域名不断重定向,如果激活成功了一定要确认这里的选项!
- 作者:AI技术巫
- 链接:https://ilovetech.cn/article/vercel_custom_domain
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。