Skip to content

5.2.6 大陆用户的访问解决方案

如果你在中国大陆,或者你的用户在大陆,需要特别注意访问问题。本节介绍几种解决方案。

为什么会有访问问题

Vercel、Netlify 等海外平台的默认域名(如 *.vercel.app)被 DNS 污染,导致大陆用户无法正常访问或访问很慢。

这不是你的代码问题,而是网络环境问题。

解决方案汇总

方案难度成本推荐场景
使用 Zeabur简单免费首选方案
使用帽子云简单免费纯静态网站
EdgeOne Pages中等免费(公测)腾讯云用户
21YunBox简单免费Hugo 等静态框架
Cloudflare 代理复杂需购买域名已用 Vercel 的进阶用户

方案一:直接用 Zeabur(推荐)

最简单的方案。Zeabur 的免费域名 *.zeabur.app 在大陆可以正常访问。

参见 5.2.3 Zeabur 部署实战

方案二:帽子云(纯静态网站)

帽子云是一个国产的静态网站托管平台,类似于国内版的 GitHub Pages。

特点

  • 完全免费
  • 国内 CDN 节点,访问速度快
  • 支持 GitHub 自动部署
  • 支持自定义域名

适合:纯 HTML/CSS/JS 的静态网站(比如我们的待办清单)

官网maoziyun.com

使用步骤简述

  1. 注册帽子云账号
  2. 连接你的 GitHub 仓库
  3. 选择要部署的分支
  4. 等待自动部署完成
  5. 获得 *.maoziyun.com 域名

方案三:EdgeOne Pages(腾讯云)

EdgeOne Pages 是腾讯云推出的前端部署平台,目前处于公测阶段,免费使用。

特点

  • 公测期免费
  • 腾讯云全球边缘网络加速
  • 支持 Next.js、React、Vue 等现代框架
  • 大陆访问速度很快

适合:已有腾讯云账号的用户,或需要更好国内访问速度的项目

官网edgeone.ai

注意事项

EdgeOne Pages 的配置比 Zeabur 稍微复杂一些,需要熟悉腾讯云的控制台。如果你是第一次部署,建议先用 Zeabur。

方案四:21YunBox

21YunBox 是专门针对中国大陆用户的托管平台,对 Hugo、Jekyll 等静态站点生成器支持很好。

特点

  • 国内 CDN 加速
  • 支持 Gitee 部署(不需要 GitHub)
  • 自动 SSL 证书
  • 持续部署

官网21yunbox.com

方案五:Cloudflare 代理(进阶)

如果你已经在 Vercel 上部署了项目,又想让大陆用户访问,可以通过 Cloudflare 代理来解决。

前提条件

  • 购买一个自己的域名(约 10-50 元/年)
  • 注册 Cloudflare 账号(免费)

步骤概要

  1. 在 Cloudflare 注册账号
  2. 添加你的域名到 Cloudflare
  3. 在域名注册商处,将 DNS 服务器改为 Cloudflare 提供的
  4. 在 Vercel 中添加自定义域名
  5. 在 Cloudflare 添加 CNAME 记录指向 Vercel
  6. 确保 Cloudflare 代理已开启(橙色云朵图标)

这个方案的优缺点

优点缺点
可以继续使用 Vercel需要购买域名
有自己的专属域名配置步骤较多
Cloudflare 有全球 CDN需要等待 DNS 生效

基础版建议

如果你刚开始学习,不建议现在折腾 Cloudflare 配置。先用 Zeabur 或帽子云把网站跑起来,等进阶版再学习域名和 CDN 相关知识。

如何选择

你需要大陆访问吗?
├── 是
│   ├── 纯静态网站 → 帽子云(免费)或 Zeabur
│   ├── 需要服务端功能 → Zeabur
│   └── 已有腾讯云账号 → EdgeOne Pages
└── 否 → 直接用 Vercel / Netlify

5.2.7 其他部署选择