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

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
就大功告成
如果你觉得对你有用就点个赞吧！！！