Java前后端分离项目部署到服务器

文章目录

  • Java前后端分离项目部署到服务器
    • 1在linux上安装Nginx
        • 1.1.下载linux版本的Nginx
          • 1.2把Nginx通过Xftp上传到linux指定文件夹
          • 1.3通过Xhsell连接linux进入指定目录解压Nginx
          • 1.4安装依赖
      • 2.将后端上传到linux上

        • 2.1 后端项目打包
          • 2.2将打包好的项目通过xftp上传到linux上
          • 2.3运行java程序
      • 3.把前端项目部署到服务器

        • 3.1本地vue项⽬进⾏打包
          • 3.2通过xftp将前端上传到linux上
      • 4.用nginx打通前后段

        • 4.1进入nginx的配置文件
          • 4.2最后重新加载nginx

Java前后端分离项目部署到服务器

看这篇文章之前,你应当确保你满足以下两点
1.前后端项目在本地可以成功运行
2.本地数据库已经连接到云端数据库,并且允许远程访问,也就是我们所说的远程数据库放行
3.本确保你有一个云服务器,并且配置已经完善
#以上三点不满足的可以先去看我另一篇文章
文章连接
现在开始正式工作

1在linux上安装Nginx

1.1.下载linux版本的Nginx

在这里插入图片描述
大概就是这个样子,是linux版本的压缩包
nginx官网下载链接

1.2把Nginx通过Xftp上传到linux指定文件夹

建议跟我的路径一样,方便操作
在这里插入图片描述
上传完成后

1.3通过Xhsell连接linux进入指定目录解压Nginx

命令:tar -zxvf jdk-8u171-linux-x64.tar.gz
在这里插入图片描述
解压完成后的文件夹就在跟压缩包同一路径下
我们给他重命名一下
命令:mv nginx-1.13.7 nginx

1.4安装依赖

在software下执行命令:yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel
完成后进入nginx下执行以下命令
./configure
make
make install
安装完成后的默认路径在 :/usr/local/nginx下,这才是我们操作的目录,不是/usr/local/sofeware/nginx,切记切记!
进入/usr/local/nginx/sbin
执行命令 ./nginx 启动nginx,至此nginx安装启动完成
在这里插入图片描述

2.将后端上传到linux上

2.1 后端项目打包

mvn install -Dmaven.test.skip=true(这是maven项目打包成jar包)
打包好的项目在target下
在这里插入图片描述

2.2将打包好的项目通过xftp上传到linux上

在usr/local/sofeware/上新建文件夹api
把jar包上传到usr/local/sofeware/api中

新建文件 application.properties
命令:touch application.properties
最后我们通过vim编辑,将改好的配置文件复制到这里面去

2.3运行java程序

在api文件夹下执行以下命令
nohup java -jar -Dspring.config.location=./application.properties online_xdclass-0.0.1-
SNAPSHOT.jar &
(意思是启动应⽤指定外部⽂件, online_xdclass-0.0.1-SNAPSHOT.jar我的jar包,你要根据自己的来)
到这里你就可以测试一下能不能访问,记得要在服务器上打开相应的端口号
查看命令 cat nohup.out ,出现跟idea运行项目时一样的字母,说明没有问题

3.把前端项目部署到服务器

3.1本地vue项⽬进⾏打包

cnpm run build
执行完后,你的目录会多一个dist文件,这就是打包好的前端
在这里插入图片描述

3.2通过xftp将前端上传到linux上

如图所示,找到dist对应的文件,上传到usr/local/software/front_end
front_end文件夹是我新建的,用于存放前端项目

在linux上,进入usr/local/software/front_end/dist输入pwd,获取前端文件的存放地址

在这里插入图片描述

将这个保存好,等下要用

4.用nginx打通前后段

4.1进入nginx的配置文件

注意上面说的nginx的默认安装路径usr/local/nginx
在这里插入图片描述
在进入conf里面用vim打开 nginx.cong在这里插入图片描述
进入后,用方向键下滑找到图示位置,加入配置

4.2最后重新加载nginx

在usr/local/sbin中
执行命令 ./nginx -s reload
就大功告成
如果你觉得对你有用就点个赞吧!!!

代码交流 2021