Vercel+Cloudflare搞定出海域名,10分钟完美绑定丨小白AI出海教程

哈喽,大家好!

我是阿星👋

上节出海教程阿星写到了vercel+supabase基础部署

小白快速出海上站指南:Vercel + Supabase先上个站再说

虽然有免费域名,但是终究我们是要用自己的域名做seo的

所以今天我们就来看看

出海建站的正式域名到底是怎么绑定的?

价格比较

国外的域名注册商常见有

GoDaddy、Namecheap、NameSilo、Cloudflare、Hostinger

但是十年老开发宋老师给我安利了个域名比价网站

赶紧安利给大家tld-list👇

直接输入域名就是一个比价

太方便了谁便宜一眼看清楚,不花冤枉钱🐶

有时间比价的同学可以用它

能不能用阿里云服务器

这里有人可能会问

用自己阿里云的服务器去绑到vercel上行不行

阿星问过专家了

除非你在阿里云没备案服务器

否则可能会被查到

不建议浪费这时间

或者你一开始就购买海外服务器

选择cloudflare

阿星是出海新手

所以选择最主流的平台cloudflare

建议和我一样的不要选那种新兴服务商

所以老实打开cloudflare

点左边注册域名

接下来该填什么填什么

地址是英文的就可以了

为了演示一下阿星选了一个还凑合的下单了

显示如下就代表你购买成功了

有了域名就要进行DNS解析才能用到你的服务器上

啥意思

就是域名就是名创优品四个字

IP就是名创优品的物理所在地

DNS就是让大家更快知道这种对应关系的一种数据库。NS就是nameserver说白了就是DNS的一部分。

那我们给vercel解析和给阿里云服务器解析有啥区别?

其实目的是一样的

这个地址可以是阿里云那种常规服务器

也可以是vercel这种你不用操心的形式

都是为了让名创优品这个名字和它的真实地址能对上号

咱们做的无非就是拿着地址找到名创优品这件事

DNS解析

所以我们现在就要把域名搭配到自己的域名下

刚才买完了就回到DNS选项卡

如果是cloudflare买的就是已经配好这个NS1NS2

所以阿星直接到下一步去了

返回vercel的domain域名设置界面

所以我先回到cloudflare添加记录值

一条是A类型

值是你自己vercel给到值👆

上图中间部分vercel给你的直接拿来填就行了

一条是CNAME

参数值cname.vercel-dns.com

添加完之后你会看到已经添加过的就会有变化

然后选择非www域名定向到www域名

接着开始搞加密设置

点配置才能看到具体的配置界面

点full然后点保存

没啥反应但是其实已经保存上了

然后回到edge certificates,打开https选项,这个选项的意思就是将所有使用"http"方案发起的请求重定向到"https"。这适用于该区域的所有 http 请求。

如果你以后想创建证书,就然后继续往下点,创建证书,不用设置什么,保持默认的选项去创建就好。

再次回到vercel的domain域名控制台

你会发现都变成蓝色的了

就是配置成功了

如果上你没有看到蓝色对勾,而是显示Proxy Detected,打开网址也显示"DNS_PROBE_FINISHED_NXDOMAIN",不要着急,你只用回到cloudflare里添加记录值的地方把代理都关掉就行了。(将 Proxied 改为 DNS Only

好了,成功打开。

这样你的网站就可以在海外有一个完整的服务了

还是那句话,先跑通流程再优化

我是阿星,我们下期再见~

相关推荐
爱吃烤鸡翅的酸菜鱼3 分钟前
AscendNPU IR 语法指南:核心概念速查
人工智能·ai·cann
赫尔·普莱蒂科萨·帕塔3 分钟前
智元机器人三大产线
人工智能·机器人
忆~遂愿6 分钟前
vLLM Ascend 项目架构解析与部署配置指南
人工智能·后端·python·ai
模型启动机8 分钟前
GELab-Zero:阶跃开源的4B端侧多模态GUI Agent模型,助力本地可控的移动设备智能化
人工智能·ai·大模型·智能化
sealaugh328 分钟前
AI(学习笔记第十五课)从langchain的v0.3到v1.0
人工智能·笔记·学习
serve the people11 分钟前
tensorflow 零基础吃透:不规则维度 vs 均匀维度(RaggedTensor 核心概念)
人工智能·python·tensorflow
秋刀鱼 ..11 分钟前
2026年工业物联网与信息技术国际学术会议(IIoTIT 2026)
人工智能·深度学习·神经网络·物联网·机器学习·人机交互
陈老老老板11 分钟前
让AI替你写爬虫:基于自然语言的 AI Scraper Studio 实战解析
人工智能·爬虫
song50115 分钟前
鸿蒙 Flutter 图像编辑:原生图像处理与滤镜开发
图像处理·人工智能·分布式·flutter·华为·交互
这张生成的图像能检测吗16 分钟前
(论文速读)基于高阶自适应曲线的视觉失衡缺陷多模态无监督图像增强方法CLIP-AE
图像处理·人工智能·计算机视觉·卷积神经网络·低照度图像增强