使用Xshell将前端项目部署到服务器

引言

以前项目用到过Xshell把项目部署到服务器,当时是后端已经配置好了,我只需把项目打包发布

步骤

step1

启动Xshell后,点击如下新建
使用Xshell将前端项目部署到服务器

step2

把名称、主机、端口号填好
使用Xshell将前端项目部署到服务器

step3

在如下图 连接—>用户身份验证 处填写用户名和密码,便连接成功
使用Xshell将前端项目部署到服务器

step4

连接成功后,进入如下页面
使用Xshell将前端项目部署到服务器

输入命令 ls ,列出目录内容
~输入命令 cd usr/local/nginx/vue(路径是需要部署到的位置)到需要部署的目录下就可以开始上传了
vue输入命令 rm -rf dist 删除dist目录以及它所包含的所有内容(如果没有可以省略这一步,dist是我的目 录,改成自己的目录)
vue输入命令 rz 会弹出选择文件的框,选择需要上传的文件,等待上传完成
vue输入命令 unzip dist.zip 解压我上传的压缩包(同样dist.zip也是我的目录,自行更改自己的目录)等待解压完成
vue输入命令 cd usr/local/nginx/sbin (同样这是我的重启路径)
sbin输入命令 ./nginx -s reload 重启,到这一步就完成了,可以在服务器*问到了