严肃声明！！

俺还是会一丢丢技术的。

当然现在绝大多数问题可以直接问AI，僵尸有福了（脑子用不到了）。

在我看来，很多技术贴其实意义不大（哪里不大了，可以装逼啊），本文也是，所以这篇文章不想过多讨论技术，简单记录一下整个过程和心得。

诸位道友看乐子的看乐子，看技术的看技术（咦~那还不如去问AI）。。。

前面的闲谈都不会设置标题，只有技术相关的会设。因此方便大家（包括我自己）可以通过右边的目录快速跳转。

1. 上线前的准备

众所周知，周所众之（你又在凑字数了~），我们开发的web应用一切资源都在本地电脑上，我们测试的时候用127.0.0.1：端口号，访问的是回环地址（最近看到外行有童鞋用ai开发后分享127.0.0.1给好友闹出了笑话，当然这对我们程序员来说是基础知识了）。

而因为内网的缘故，即使用ip地址外界也访问不到我们的web应用，这时候就需要将我们的web应用部署到一个可以被外网访问的服务器上（服务器也就是计算机）。

然后是关于选择服务器，颇有家资的道友可以自建服务器或在阿里云购买服务器。贫穷如我，就只能选择去白嫖一些服务器了呜呜呜~

这里的白嫖，就是去一些有免费额度的提供服务器服务的厂商，这在国内几乎没有，当然一些静态的有，但是由于我的是SSR，只能将目光转向国外，我使用的是vercel。

使用vercel还有一个好处，Vercel 是一个面向前端和全栈开发者的云端部署与托管平台（叽里咕噜啥意思呢），传统的服务器我们每更新一次就得部署一次。

而vercel可以通过接入github拉取项目，github一旦有新的推送，vercel检测到就会自动构建，哇晒，发明天才的简直就是自托管，我第一次知道这个功能大为惊叹！

要部署到vercel服务器第一步就是将项目上传到github，咋上传？去去去问AI去~

然后只要使用github账号登录vercel，然后选择刚刚上传的项目，vercel就开始部署了。

（切切切，不过如此嘛，贴主真水啊，这都能出一篇博客）

道友莫急，这时候如果我们项目中使用了数据库，在github上是没有滴，我们使用的都是本地电脑上的服务器，因此还需在vercel上建立数据库并连接，vercel的服务器给的免费额度还挺多，对于自建博客来说远远够用。

连接好数据库...等等你TMiao的，关键步骤直接跳过了，你倒是说说咋建数据库和连接啊！！

额这个这个，贴主是懒狗，不想打字，不想复现嘿嘿。当然这部分完全可以问ai要步骤，我坚信AI比我靠谱多了！！

连接好数据库后，还需要做一些环境配置，这个根据不同的项目要配置的环境变量不同，所以不好详细说明，具体可以问AI嘿嘿又能偷懒了。

最后点击部署就成功了，vercel会给一个网址，这个是vercel的子域名，自动分配的，并不是我们自己的域名，当然，到这一步，其他道友可以通过这个网址在公网上访问了。

嗯 ~ 能凑合用，但是服务器在国外，没梯子的还是不行，你总不能先让朋友先装个梯子在访问你的网站吧，那估计朋友想打你了~

没有一个问题是解决不了的，如果有，额那就有吧~ 只要购买一个域名，对于我们这种部署在国外服务器的，还能绕过备案（那我不是能嘿嘿~呸，别想了）。

我买的.online后缀，年费12. 先后要通过两次审核，一次是模板审核，一次是域名审核。具体跟着网站步骤走就好了。

域名审核结束后，域名就正式可用了。然后要连接上我们部署在vercel的服务器的ipv4地址。这里涉及到域名解析的原理。如果只是配置的话不了解也可以，但我认为这个知识非常有趣。道友们可以去问问AI或上网学习学习。在之后如果有时间我也想出一篇文章讲讲。

第一步：在Vercel 添加域名，在vercel中进入我的项目，在Setting中找到Domin，然后在输入框中输入域名，点add，这时候肯定会失败，因为这里只配置了Vercel，在阿里云那边还不知道谁要和他匹配呢。

第二步：虽然失败了，但是能看到Vercel 页面中会有记录值，有两条，如下

然后到阿里云配置DNS的界面（登录阿里云控制台 → 顶部搜索"云解析 DNS"），找到域名，点解析设置，点"添加记录"，添加两条记录：

记录类型	主机记录	记录值	TTL
A	`@`	`76.76.21.21`	10 分钟（默认）
CNAME	`www`	`cname.vercel-dns.com`	10 分钟（默认）

然后回到vercel等待几分钟，刷新一下就生效了。

然后用这个域名访问，即使不翻墙，也能愉快地访问网站了

嘿嘿完结撒花！！

我靠喂，文章给我写好了啊。你看看人家，一个步骤一个截图，那是83岁老太太来了都能操作，你啊，一会一个AI，我要AI，看你文章干嘛

哎呀那啥听我解释呜呜呜~ 咳咳在如今AI大时代，我认为教程什么的其实不重要了，除非很冷门的配置，不然大模型都门清，直接问Ai更加靠谱。现在的有意义的文章真正在于能指明方向，指明方向后再去问AI，相比会事半功倍。

嘿嘿不装了其实是我太懒了。

谢谢你读到最后啦，如果有收获，我倍感荣幸！如果没有，我是绝对不会抱歉的~（傲娇 ~ ）