部署前端项目到服务器

前端开发打包完需要将项目部署到服务器，之前我的服务器使用的ftp连接，可视化你懂的，有手就会

但是对于公司的服务器来说，一般不会开放外网端口供ftp连接，本文以命令部署方式部署前端项目

咚咚咚！！！上课了

1⃣️ 连接服务器：

配置本地资料：

执行命令生成本机密钥

1

ssh-keygen

生成本地密钥后，在.ssh目录下可以看到id_rsa.pub

如果目录隐藏，使用command + shift + .显示隐藏目录

如果还不知道.ssh在哪的，回到桌面，使用command + shift + G，输入~

-——————–

此期间需要联系运维老师将密钥加入到服务器，运维老师会给你一些相关证件

此过程可以理解为：告诉服务器一声，这个人是会员，我们给她一张会员卡

接下来就需要我们把会员卡加入到本地的配置文件中，这样我们每次访问服务器就会随身携带会员卡

-——————–

在.ssh下创建一个config文件，终端命令为：

1

touch config

使用文本编辑打开，将会员卡放进去保存即可

连接服务器：

打开终端：输入目标命令

1

ssh ioolm-nginx

会提示你是否连接服务器，输入yes，连接成功，可以看到服务器目录了

2⃣️ 将本地压缩包上传到服务器

🔥 备份 🔥 备份 🔥 备份 重要的事情说三遍

备份项目目录到指定目录（服务器）

1

cp -rf ioolm ioolm.bak

释义：拷贝 目录下所有文件 目标目录 目标文件名

上传

⚠️ 压缩包内容必须在根目录，例：

✅ right

dist.zip/index.html

❌ error

dist.zip/dist/index.html

此处灵活变换哦，本地目录，服务器目录根据自己项目改动

此处上传的文件如果服务器这个目录下已经有同名文件，会自动覆盖哦

1

scp /Users/liuming/Documents/ioolm.zip ioolm-nginx:/usr/local/nginx/ioolm

释义：拷贝 本地文件 服务器命令及目录

解压压缩包

进入压缩包所在路径，执行解压命令

1

unzip -o ioolm.zip -d ./ioolm/

释义：解压 覆盖 目标文件 指定目录

删除指定目录

⚠️ 慎用

1

rm -rf ioolm.bak