Vue.js静态站点部署-Vercel +GitHub

文章简介：本文是使用Vercel + Github部署静态站点的笔记

准备工作

本地创建静态站点，并完成静态站点相应代码的编写。

使用背景

静态站点完成以后，需要部署到线上，如果使用传统的部署方式，每次代码更新都需要在本地重新打包构建，然后替换服务器上的代码包，这种方式对于更新不频繁的站点是可取的。一旦站点更新的频繁，这种方式就很繁琐，很费人力。这里采用Vercel + Github方式部署。

Vercel + Github部署优势：

Vercel + Github部署，一旦Github上的代码更新了，会自动触发Vercel重新打包构建，从而保证线上线下功能同步，大大地简化部署流程。

Vercel缺陷：
Vercel适合静态应用的构建部署，不适合需要从外部获取动态数据的网站。