前后端分离项目部署（一个或多个）

1、前端项目打包 npm run build 打包完成后会出现dist目录将其打包并上传服务器解压

选择一个目录存放例如/usr/local/

 远程连接服务器：

2.用命令解压unzip dist.zip

点击新建远程连接：

点连接：（输入服务器密码，注意输入过程中只能看到🔑看不到密码）

用put指令上传文件记住是压缩包，上传服务器在解压。

put   你本地的zip绝对路径  服务器存放路径。没有指定目录默认在root目录下。 

3.上传成功并解压完成后配置nginx。如果不知道nginx的目录可以使用命令whereis nginx

4.cd /usr/local/nginx/conf目录下使用命令vim nginx.conf

编写配置文件

点击esc按键 输入 :wq回车保存并退出

如果不知道dist路径可以使用whereis dist

如果有多个项目配置多个server监听不同端口号即可

配置完成后启动nginx 执行命令/usr/local/nginx/sbin/nginx启动nginx

重新配置后/usr/local/nginx/sbin/nginx -s reload 即可重启nginx使配置文件生效。

接下来部署后端项目

在idea中点击右上角maven图标点击clear compile package install

打包完成后可以看jar的路径 ，项目中的target下会生成一个jar包如果没有可以去本地找如图所示

同样采用远程连接将jar上传到阿里云服务器，找个存放位置，例如/usr/local/src/.

cd /usr/local/src 到src目录执行ls查看是否上传成功。

上传成功后执行 nohup java -jar 你的jar & 回车即可

查看控制台日志文件 tail -f nohup.out 

访问你的服务器地址可以看项目首页（默认访问80端口）

 输入你的服务器ip地址:9090可以访问第二个项目（nginx配置监听的端口要记得配置安全组开放端口号）

 服务器环境配置请看零基础部署前后端分离SpringBoot+Vue项目到阿里云服务器_姚镇彬的博客-CSDN博客

或者在我个人主页中查看