1、远古时代 FTP+Nginx
// 打包文件,生产dist目标文件
npm run build
将dist下的文件使用 FTP文件传输工具 ,上传到服务器上去,就可以直接访问最新文件了。
前提:服务器上已有web服务器,类似nginx服务、Apache服务,服务代理已经启动。
2、脚本时代 Shell+Nginx
把本机的文件传给目的服务器:
scp -r 文件名 用户名@ip地址:/目录
3、自动化时代 Jenkins+Nginx
将本地build构建 和 FTP文件上传,直接通过程序来实现。例如我们通过gitlab的CI/CD工具 或 github action上传前端文件。
gitlab CI/CD或github action通过监听master分