部署项目

本文讲述如何使用Vercel部署前端项目

上线前端静态项目

vercel

1. 登录https://vercel.com/new 注册账号（需要绑定手机号输入验证码）并绑定github
2. 将项目上传到github上，不要上传依赖node_modules，在 Vercel 部署项目时会自动安装项目依赖、执行构建命令，并将构建结果上传到其服务器。
3. 在vercel中new project，导入相应的仓库，然后vercel会自动识别框架，你只需要点击下一步和deploy即可部署成功
4. 部署成功后可在vercel中看到项目的域名，状态等信息
   1. 默认域名格式：项目名-github账号名-projects.vercel.app
5. 在 Vercel 的控制面板中，可以管理项目，包括查看日志、配置环境变量、设置 HTTPS 等，还可以将自定义域名绑定到 Vercel 项目。
6. 如果想修改项目，直接本地修改代码然后上传到github即可
7. 最大的问题就是域名vercel.app在国内背墙了，无法访问，解决办法有如下两种
   1. 换一个国内可以访问的域名然后通过进行cloudflare解析。
      • 如果是使用国内的域名需要Cloudflare解析海外的服务器，因为国内的阿里云腾讯云免费DNS不支持直接解析海外服务器,步骤如下：
        1. 注册 Cloudfare
        2. 把自己购买的域名添加到cloudfare，然后选择免费计划。
        3. 点进该域名的配置面板，增加 DNS 配置。（76.223.126.88 是 vercel 贴心为墙内用户准备的 IP。添加@记录后，保存后显示的是你的域名.）
        4. 把cloudflare名称服务器下的两行代码，直接复制粘贴到你所购买域名平台相应的DNS管理中修改，将域名的DNS解析服务转移到Cloudflare;需要稍等一会（记住DNS的相关操作是具有迟缓性的，也许半个小时甚至更久才能起作用，不要心急）
        5. 转移需要一些时间，等邮箱通知激活成功；
   2. github学生包还有很多权益，其中就包括很多免费的域名，全球可访；

利用github学生包免费获得https://get.tech 的.tech域名

1. 进入官网，选择一个域名mylsz.tech，然后绑定github,价格会变成0元，购买；时效1年
2. 购买前需要注册账号
   1. 谷歌账号、
   2. 范式：tech
3. namecheap可以直接在其中进行域名解析绑定服务器，此网站也可以，不过它是通过邮箱的方式告诉你地址（刚开始我还纳闷为什么一个卖域名的网站居然没有解析服务）
   1. .tech是在全球可访问的，无需使用cloudflare，直接通过此链接 管理DNS解析域名：76.223.126.88 是 vercel 贴心为墙内用户准备的 IP（不要用vercel控制台提供的76.76.21.21，这个国内访问不了）。添加A记录后，DNS缓存需要稍等一会

• 参考
  • https://www.nbmao.com/archives/6702
  • https://blog.csdn.net/ll_renlong/article/details/141395626
  • https://juejin.cn/post/7383894687302434825#heading-5