最近爱上了 TRAE 国际版——字节跳动的 AI IDE。
它最戳我的一点是:能把我脑子里的想法快速实现出来。部门同事提个需求,我快速拆解一下,半小时内用 TRAE 复现一个能跑的项目 demo。从想法到看见东西,整个链路短得离谱。
TRAE 自带一键部署到 Vercel 的功能——前端的活儿直接 publish 上去,几秒钟就能拿到一个线上地址发给同事看。
但这里有个坑:Vercel 是国外服务,默认分配的域名是 xxx.vercel.app。
痛点:同事访问不了
第一次给部门同事发 demo 链接,对方回我:「这网站打不开啊?」
我跑过去一看——他没装代理。Vercel 的 .vercel.app 域名在国内访问不稳定,有些网络环境直接被墙,有些能打开但慢得像拨号。
我总不能要求每个看 demo 的人都先去装代理。所以我决定:买一个自己的域名绑上去,让它在国内能直接访问。
这条思路听起来绕——既然 Vercel 在国外不稳定,换国内服务不就好了?但其实有个微妙的事实:Vercel 自己的 .vercel.app 子域名经常被识别为代理流量被屏蔽,但用自定义域名指向 Vercel 的服务器 IP,反而能正常访问。原因大概是 SNI 和域名信誉度。
总之,买个域名绑上去,零门槛、零信任问题,同事点链接就能看 demo。
前置准备
- 一个已经部署到 Vercel 的项目(TRAE 一键部署的就行)
- 一个你买的域名(阿里云、腾讯云等等)
- 域名注册商后台的 DNS 管理权限
第一步:在 Vercel 添加域名
进入 Vercel Dashboard → 你的项目 → Settings → Domains。
在输入框填上你的域名,比如 example.com,点 Add。
Vercel 会问你两件事:
- 是否把
www.example.com重定向到example.com(或反过来)——推荐选 Yes,避免搜索引擎把两个地址当成两个站点。 - 接着 Vercel 会给你一段 DNS 配置说明,告诉你需要在域名注册商那里加哪些记录。
第二步:去注册商后台改 DNS
打开你买域名的那个网站,找到 域名解析 / DNS 管理。然后按 Vercel 给的说明添加记录。一般来说是这两条:
| 记录类型 | 主机记录 | 记录值 |
|---|---|---|
| A | @ | 76.76.21.21 |
| CNAME | www | cname.vercel-dns.com |
A 记录是把根域名(example.com)指向 Vercel 的服务器 IP,CNAME 是把 www 子域名指过去。
小坑:有些注册商(比如阿里云)的”主机记录”会写成
@表示根域名,www表示子域名,跟 Vercel 文档对得上。Cloudflare 用户记得把代理状态关掉(小灰云 DNS only),否则 SSL 证书签发会卡住。
第三步:等 DNS 生效
DNS 不是立刻生效的,全球刷新需要时间:
- 国内注册商:通常 10 分钟到 1 小时
- 国外注册商:5 分钟到 15 分钟
- 极端情况:最长 24 小时
可以去 dnschecker.org 输入你的域名,看全球各地的解析结果。一旦 A 记录都显示 76.76.21.21,就说明生效了。
第四步:Vercel 自动签发 SSL 证书
DNS 生效后,回到 Vercel 的 Domains 页面,刷新几下。原本红色的 “Invalid Configuration” 会变绿,状态变成 “Valid Configuration”。
Vercel 会自动给你的域名签发 Let’s Encrypt SSL 证书——免费的、自动续期的。整个流程不需要你手动操作,等几分钟就好。
第五步:验证
浏览器输入 https://你的域名.com,应该能看到你的项目。地址栏有锁图标,说明 HTTPS 正常。
最关键的一步:把链接发给没装代理的同事,让他点开。能秒开 = 大功告成。
写在最后
整个流程就是:Vercel 加域名 → 注册商加 DNS 记录 → 等生效 → SSL 自动签发。
第一次配可能要半小时,第二次就熟了。我给五六个项目都绑过域名,现在闭着眼睛能搞定。
现在我的工作流稳定成这样:TRAE 写 demo → 一键部署 Vercel → 自定义域名 → 发链接给同事。从需求到 demo,半小时内闭环。
工具好,流程顺,剩下的就是专心把想法做出来。