CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)

CentOS下前后端分离项目的部署

  • 一、部署工具准备
  • 二、CentOS下JDK的安装
  • 三、CentOS下安装Tomcat
  • 四、CentOS下MySql的安装
  • 五、CentOS下Redis的安装
  • 六、前端工程的部署及启动
  • 七、后端工程的部署及启动

项目概况:
前端技术:Vue + ElementUI
后端技术:SpringBoot + Mysql + Redis

一、部署工具准备

①、 提前准备一台装有CentOS系统的服务器(装在VMWare和云服务器上的CentOS皆可)。
②、下载操作CentOS的工具:XShell和Xftp,详细下载和安装操作可参考如下链接。

XShell的安装及连接:http://t.csdn.cn/x1h4C
Xftp的安装:http://t.csdn.cn/eZP6f

二、CentOS下JDK的安装

  1. 先卸载CentOS自带的OpenJDK,通过命令查看。
rpm -qa | grep jdk
  1. 如果存在,通过命令删除对应版本的JDK,示例如下。
rpm -e --nodeps java-1.8.0-openjdk-1.8.0.65-3.b17.el7.x86_64 
rpm -e --nodeps java-1.8.0-openjdk-headless-1.8.0.65- 3.b17.el7.x86_64 
rpm -e --nodeps java-1.7.0-openjdk-1.7.0.91-2.6.2.3.el7.x86_64 
rpm -e --nodeps java-1.7.0-openjdk-headless-1.7.0.91- 2.6.2.3.el7.x86_64
  1. 查看是否删除成功。
  2. /usr/local 目录下新建 java 文件夹,并进入。
cd /usr/local 
mkdir java 
cd java
  1. 打开Xftp上传JDK压缩包至 /usr/local/java文件夹。

JDK8压缩包
百度云:链接:https://pan.baidu.com/s/1waP5vfRwS36VTodK6I0EVw
提取码:5rda

在这里插入图片描述在这里插入图片描述

  1. 解压JDK安装包,并删除。
 tar -zxvf jdk-8u152-linux-x64.tar.gz //解压压缩包
 rm -rvf jdk-8u152-linux-x64.tar.gz //删除压缩包
  1. 配置环境变量
    和Windows系统类似,Linux同样需要配置环境变量。输入命令 vim /etc/profile

CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第1张图片
使用按键 移动光标至文件末尾,并粘贴下面配置代码。按ESC退出编辑,输入 :wq 退出保存。

JAVA_HOME=/usr/local/java/jdk1.8.0_152
PATH=/usr/local/java/jdk1.8.0_152/bin:$PATH
export JAVA_HOME PATH

在这里插入图片描述

  1. 使配置生效。
source /etc/profil
  1. 测试,输入java -versionjavac

在这里插入图片描述

三、CentOS下安装Tomcat

点击查看:CentOS下Tomcat的安装及配置教程

四、CentOS下MySql的安装

点击查看:CentOS下MySQL的安装及数据表迁移详细过程

五、CentOS下Redis的安装

可参考该博主文章:Linux下安装Redis(超详细教程)

六、前端工程的部署及启动

  1. CentOS新建文件夹存放前端工程
cd /usr/local
mkdir web
cd web
  1. 进入/usr/local/tomcat/apache-tomcat-8.5.81/webapps目录,通过Xftp软件将本地的前端项目直接拖拽至wbapps文件夹下。

CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第2张图片
3. 启动Tomcat:./startup.sh 。(关闭:./shutdown.sh

CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第3张图片
4. 访问地址:http://localhost:8080

注意:
正常来说,前端工程就算部署完毕了。但是,如果你的前端工程使用了代理,可能按照上述步骤无法连接后端(404),这就需要Tomcat配置代理。

此外: 上述方式基于Tomcat实现,如果想要使用Nginx部署Vue项目,可参考:CentOS下基于Nginx部署Vue前端项目的详细过程

七、后端工程的部署及启动

  1. 打包后端工程:
    CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第4张图片

  2. 本地找到打包文件,拖拽至CentOS的 /usr/local/java (位置随意)文件夹下。
    CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第5张图片
    CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第6张图片

  3. 启动后端项目:java -jar blog-api-1.0-SNAPSHOT.jar
    CentOS下前后端分离项目(Vue+SpringBoot)的详细部署过程(初学者,简易版)_第7张图片
    关闭项目:CTRL+C

你可能感兴趣的:(centos,vue.js,spring,boot)