Vercel + Cloudflare 部署

导入项目

1. 进入 Vercel 控制台
2. 点击 Add New... → Project
3. 在列表中找到你的仓库，点击 Import

配置部署设置

Vercel 会自动检测 Nuxt 框架，通常无需修改默认配置：

配置环境变量（可选）

如果项目需要环境变量，在 Environment Variables 区域添加：

# 示例环境变量
NUXT_PUBLIC_API_BASE=https://api.mhaibaraai.cn
DATABASE_URL=postgresql://user:pass@host:5432/db

登录 Cloudflare

在域名列表中选择 mhaibaraai.cn

添加 DNS 记录

进入 DNS → Records，根据域名类型添加相应记录：

子域名配置（如 docs.mhaibaraai.cn）：

根域名配置（如 mhaibaraai.cn）：

在 Vercel 添加域名时查看推荐的 A 记录配置：

进入 Vercel 域名设置

1. 在 Vercel 控制台，进入项目页面
2. 点击 Settings → Domains

添加自定义域名

在输入框中输入你的域名：

• 子域名：docs.mhaibaraai.cn
• 根域名：mhaibaraai.cn
• www 域名：www.mhaibaraai.cn

等待域名验证

Vercel 会自动检测 DNS 配置：

• 配置正确：显示绿色对勾，开始申请 SSL 证书
• 配置错误：显示红色错误，并提示需要的 DNS 记录

检查 DNS 解析

使用命令行工具检查 DNS 是否正确解析：

# 检查子域名
nslookup docs.mhaibaraai.cn

# 检查根域名
nslookup mhaibaraai.cn

# 使用 dig（Linux/macOS）
dig docs.mhaibaraai.cn

# 预期结果应包含
# docs.mhaibaraai.cn CNAME cname.vercel-dns.com

访问网站

在浏览器中访问：https://docs.mhaibaraai.cn

检查项：

• 网站正常加载
• 地址栏显示绿色锁图标（SSL 有效）
• 内容显示正确

测试 HTTPS 连接

# 检查 HTTP 响应头
curl -I https://docs.mhaibaraai.cn

# 预期输出包含
# HTTP/2 200
# server: Vercel