Vercel 免费的网站部署前端项目

Vercel 免费的网站部署前端项目

1.简介

免费的服务器，并可自动化构建和分配域名，可发布个人的前端项目。

2.注册

去Vercel官网

选择自己的登录方式，在这里，我选择github登录方式

3.创建vue项目

$ npm init vue@latest
$ cd xxxx
$ npm install
$ npm run dev

上传到github或者gitlab

4.创建项目

Add New Project
1.登录github或者gitlab账号

2.导入自己的项目

3.直接部署

成功页面，可以Add Domain 和Enable Analytics

个人账号只能一个项目 Enable Analytics

5.安装vercel命令

$ npm i -g vercel
$ vercel -v

cd 到项目目录下
$ vercel --prod

6.问题

1.Vercel分配的域名只能翻墙访问
2.添加自定义域名，需要在自己服务器，如阿里云域名中添加 cname 为cname-china.vercel-dns.com

解决：将 A 记录从 76.76.21.21 改成 76.223.126.88 官方建议将 cname 从 cname.vercel-dns.com 修改为 cname-china.vercel-dns.com