前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上

文章目录

  • 一、环境准备
  • 二、打包项目,并且运行数据库
    • 1.打包项目
    • 2.运行数据库
  • 三、上传项目
  • 四、运行项目
  • 五、配置nginx,实现反向代理
  • 六 、测试结果


一、环境准备

1.Java环境–jdk1.8
在这里插入图片描述
2.tomcat环境准备

3.nginx环境准备

4.MySQL环境准备(根据项目版本需要安装)
在这里插入图片描述

二、打包项目,并且运行数据库

1.打包项目

我使用的是idea,所以直接在idea里面打包就可以了,点击Maven,按照下图提示打包,可以看到打包成功,打包好的文件在指定的文件夹下(前提是项目能够成功运行哦!)
前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第1张图片

2.运行数据库

将数据库文件导出为sql文件,我使用的是Navicat,将数据库文件上传到服务器,创建一个与数据库文件同名的数据库

create inspection
source /home/java/inspection.sql

前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第2张图片

三、上传项目

在服务器上面,我新建了一个目录 /home/punch,将刚刚打包好的项目上传到这个文件夹中,这里我主要运用的是rz 命令将项目传输到服务器

yum install lrzsz
rz

前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第3张图片
这里可以看到打包项目已经上传成功了!
在这里插入图片描述

四、运行项目

1.进入到Java所在目录下

cd /home/punch

2.执行命令运行此项目

nohup java -jar inspection-0.0.1-SNAPSHOT.jar 2&>>log.txt &

在这里插入图片描述
可以看一下运行结果,可以看到项目已经成功在服务器上面运行起来了

ps -ef | grep java

在这里插入图片描述

五、配置nginx,实现反向代理

1.进入到conf目录下

cd /usr/local/nginx/conf/

在这里插入图片描述
2.编辑nginx.conf

vim nginx.conf

前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第4张图片
3.找到server模块,端口号是80,server_name是服务器IP地址,
前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第5张图片
找到location,root 是存放静态资源的路径,下面的index是静态文件
前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第6张图片
4.将静态文件也放在punch目录下
在这里插入图片描述
5.进入到nginx/sbin/目录下
重启nginx

./nginx -s reload

在这里插入图片描述

六 、测试结果

在浏览器上面输入自己服务器的IP地址,就可以在浏览器上看到项目前后端已经成功运行成功,就测试成功了!
前后端分离怎么部署之利用nginx反向代理将项目部署到服务器上_第7张图片

欢迎大家留言讨论!

你可能感兴趣的:(java)