CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

码农世界 2024-06-21 后端 93 次浏览 0个评论

一、VMware虚拟机安装

1、前往官网下载VMwareWorkstation16安装包,下载链接如下:

【https://www.vmware.com/cn/products/workstation-pro.html】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

2、双击安装包【VMware-workstation-full-16.1.2-17966106.exe】,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

3、勾选【我同意】,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

4、勾选【第二个】,点击【更改】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

5、点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

6、取消图中两个选项的勾选,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

7、默认,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

8、点击【安装】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

9、点击【完成】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

10、点击试用即可可使用30天,许可证密钥,大家可自行百度,小编这里就不给大家介绍了

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

二、CentOS7系统创建

1、打开VMware虚拟机,点击【创建新的虚拟机】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

2、选择【典型】,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

3、选择【稍后安装操作系统】,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

4、选择【Linux】,版本选择【CentOS 7 64位】,点击【下一步】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

5、虚拟机名称输入【CentOS 7 64位】,点击【浏览】更改系统的安装位置,建议安装在出C盘之外的磁盘,可在E盘或其他磁盘新建【CentOS7_64】文件夹,点击【下一步】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

6、更改最大磁盘大小为20G,勾选【将虚拟磁盘拆分成多个文件(M)】,点击【下一步】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

7、点击【自定义硬件】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

8、点击【内存】,拖动到2GB 设置为【2048MB】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

9、选择【新CD/DVD(IDE)】后选择【使用ISO镜像文件】,点击【浏览】找到并选择【CentOS-7-x86_64-DVD-1708】文件夹里面的【CentOS-7-x86_64-DVD-1708.iso】这个镜像,点击【打开】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

10、点击【网络适配器】,网络连接选择【NAT模式】,点击【关闭】。CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

11、点击【完成】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

三、CentOS7系统设置

1、选中【CentOS 7 64位】,点击【开启此虚拟机】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

2、用键盘上的上下箭头,选择【Install CentOS 7】,然后按键盘上的【回车键】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

3、选择【中文】,点击【继续】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

4、点击【软件选择】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

5、选择【带GUI的服务器】,点击【完成】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

6、点击【网络和主机名】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

7、点击【完成】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

8、点击【安装位置】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

9、不做修改,点击【完成】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

10、点击【开始安装】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

11、点击【Root密码】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

12、输入Root密码,然后点击【完成】温馨提示:如果输入的密码较弱需要点击两次【完成】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

13、CentOS 7安装中(大约30分钟),请保持电脑有电。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

14、安装完成,点击【重启】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

15、点击【LICENSE INFORMATION】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

16、勾选【我同意许可协议】,点击【完成】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

17、点击【完成配置】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

18、选择【汉语】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

19、点击【汉语】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

20、点击【前进】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

21、在输入框中输入【上海】,然后点击【前进】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

22、点击【跳过】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

23、建立【本地用户】,点击【前进】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

24、设置本地账户的密码,点击【前进】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

25、点击【开始使用 CentOS Linux】。

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

四、连接网络设置

1、以root管理员账户登录系统,打开终端,输入以下命令

cd /etc/sysconfig/network-scripts
vi ifcfg-ens33

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

2、将ifcfg-ens33文件中的【把ONBOOT=NO修改成ONBOOT=YES】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

注:i键=>进入编辑模式,esc键=>退出编辑模式,:wq=>保存修改文件信息

3、输入以下命令,重启网络服务

service network restart

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

五、下载与安装JDK17

1、前往官网下载jdk17,下载地址【https://www.oracle.com/java/technologies/downloads/#java17】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

2、使用FileZilla软件连接CentOS7系统,将下载在windows系统中的【jdk-17_linux-x64_bin.tar】传递到CentOS7系统中,具体方式,请参考博客FileZilla下载安装与使用

(1)在CentOS7系统中新建一个文件夹用于存放传递过来的相关文件

cd ..
mkdir software

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(2)使用FileZilla将【jdk-17_linux-x64_bin.tar】从windows系统传递到CentOS7系统中新建的software文件夹中

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(3)传递成功

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

3、安装jdk-17_linux-x64_bin.tar

(1)输入以下命令,解压jdk-17_linux-x64_bin.tar

tar zxvf ./jdk-17_linux-x64_bin.tar

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(2)解压成功

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

4、配置环境变量

(1)输入以下命令,编辑环境变量

vi /etc/profile

(2)在该文件中添加jdk环境变量

export JAVA_HOME=/software/jdk-17.0.11
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(3)刷新环境变量

 source /etc/profile

(4)查看jdk版本

java -version

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

六、下载与安装MySQL8.0

1、下载mysql8.0安装包【https://dev.mysql.com/downloads/mysql/】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

2、准备工作

(1)使用FileZilla将【mysql-8.4.0-1.el7.x86_64.rpm-bundle.tar】从windows系统传递到CentOS7系统中新建的software文件夹中

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(2)使用以下命令,查看是否有mysql依赖,如果有则卸载,如果无则继续往下走,小编这里就没有

rpm -qa | grep mysql

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(3)使用以下命令,检查是否有mariadb

rpm -qa | grep mariadb

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(4)使用以下命令,卸载【mariadb-libs-5.5.56-2.el7.x86_64】

rpm -e --nodeps mariadb-libs-5.5.56-2.el7.x86_64

3、安装MySQL8.0

(1)使用以下命令,解压mysql-8.4.0-1.el7.x86_64.rpm-bundle.tar

cd /software/
tar xf ./mysql-8.4.0-1.el7.x86_64.rpm-bundle.tar

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(2)解压成功

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(3)依次使用命令安装以下文件(注意按照命令顺序一个个安装)

rpm -ivh --nodeps mysql-community-common-8.4.0-1.el7.x86_64.rpm

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

rpm -ivh --nodeps mysql-community-libs-8.4.0-1.el7.x86_64.rpm

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

rpm -ivh --nodeps mysql-community-client-8.4.0-1.el7.x86_64.rpm

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

rpm -ivh --nodeps mysql-community-server-8.4.0-1.el7.x86_64.rpm

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(4)安装成功后,进行初始化数据库

mysqld --initialize --user=mysql

(5)使用以下命令,查看MySQL数据库root账户的默认密码

cat /var/log/mysqld.log

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(6)启动MySQL服务,并登录测试(使用日志中的默认密码),命令如下:

systemctl start mysqld
mysql -uroot -pqVlx&GuZs0qd

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(7)修改MySQL8.0的root账户密码

alter user 'root'@'localhost' identified by 'du1314520';
flush privileges;

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(8)此时,退出MySQL8.0数据库后,就可以使用修改后的密码登录了CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

4、连接外部工具Navicat Premium

(1)点击【连接】=>【MySQL】=》依次输入【连接名、主机、密码】=》点击【测试连接】=》点击【确定】

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(2)连接Navicat Premium时,报以下错误,导致连接不成功

CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

(3)解决步骤如下

  • 关闭防火墙,命令如下:
    systemctl stop firewalld
    systemctl disable firewalld
    

    CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

    • 修改MySQL数据库root的访问权限
      create user root@'%' identified by 'du1314520';
      grant all privileges on *.* to root@'%' with grant option;
      

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      (4)连接成功

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      七、下载与安装Node.js

      1、下载Node.js,下载网址【https://nodejs.org/dist/】,小编下载安装的版本是v18.16.1

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      2、使用FileZilla将【node-v18.16.1-linux-x64.tar.gz】从windows系统传递到CentOS7系统中新建的software文件夹中

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      3、使用以下命令,解压node-v18.16.1-linux-x64.tar.gz

      cd /software/
      tar zxvf ./node-v18.16.1-linux-x64.tar.gz
      

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      4、解压完成

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      5、配置环境变量

      (1)输入以下命令,编辑环境变量

      vi /etc/profile
      

      (2)在该文件中添加jdk环境变量

      export NODE_HOME=/software/node-v18.16.1-linux-x64
      export PATH=$NODE_HOME/bin:$PATH
      

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      (3)刷新环境变量

      source /etc/profile
      

      (4)查看Node.js版本

      node -v
      

      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

      注:通过以上问题分析可得知新版的node 从v18+开始 都需要GLIBC_2.28支持,因此,需要根据提示安装所需要的glibc-2.28,但安装glibc-2.28前必须要升级gcc和make。

      (5)cenots7自带的gcc版本为4.8.5,不方便编译一些软件,需要将gcc升级。步骤如下:

      • 安装scl源,命令如下:
        yum install -y centos-release-scl scl-utils-build
        

        CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

        • 列出scl可用源下所有可用版本,命令如下:
          yum list all --enablerepo='centos-sclo-rh' | grep "devtoolset-"
          

          CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

          • 安装指定版本的gcc
            yum install devtoolset-8-gcc-c++.x86_64
            

            CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

            CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

            CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

            • 安装指定版本的make
              yum install devtoolset-8-make.x86_64 
              

              CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

              • 使用指定版本的gcc
                scl enable devtoolset-8 bash
                
                • 检验版本
                  gcc --version
                  

                  CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                  (6)缺少bison,安装命令如下:

                  yum install -y bison
                  

                  CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                  (7)使用FileZilla将【glibc-2.28.tar.gz】从windows系统传递到CentOS7系统中新建的software文件夹中(下载网址【http://ftp.gnu.org/gnu/】)

                  CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                  注:小编在这里是从本地windows系统使用迅雷下载的,也可以在CentOS7系统中使用【wget】命令下载,命令如下:

                  cd /software/
                  wget http://ftp.gnu.org/gnu/glibc/glibc-2.28.tar.gz
                  

                  (8)解压【glibc-2.28.tar.gz】,命令如下:

                  cd /software/
                  tar zxvf glibc-2.28.tar.gz
                  

                  (9)编译安装glibc-2.28

                  • 编译,命令如下:
                    cd glibc-2.28/
                    mkdir build && cd build
                    ../configure --prefix=/usr --disable-profile --enable-add-ons --with-headers=/usr/include --with-binutils=/usr/bin
                    

                    CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                    • 安装(时间稍长,请耐心等待),命令如下:
                      make && make install
                      

                      (10)查看Node.js版本

                      node -v
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (11)查看系统的GLIBCXX版本

                      strings /usr/lib64/libstdc++.so.6 | grep GLIBCXX
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      注:通过以上问题分析可得知,发现少了GLIBCXX_3.4.20,解决方法是升级libstdc++。

                      (12)查看libstdc++.so.6

                      yum provides libstdc++.so.6
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (13)下载最新版本的libstdc.so_.6.0.26

                      cd /software
                      wget http://www.vuln.cn/wp-content/uploads/2019/08/libstdc.so_.6.0.26.zip
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (14)解压 => 并将文件拷贝到 /usr/lib64目录下 => 删除/usr/lib64原来的软连接libstdc++.so.6 => 软链接新的版本

                      unzip libstdc.so_.6.0.26.zip
                      cp libstdc++.so.6.0.26 /usr/lib64
                      cd  /usr/lib64
                      ls -l | grep libstdc++
                      rm libstdc++.so.6
                      ln -s libstdc++.so.6.0.26 libstdc++.so.6
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (15)查看新版本,成功

                      strings /usr/lib64/libstdc++.so.6 | grep GLIBCXX
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (16)查看Node.js版本

                      node -v
                      npm -v
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      6、这里小编发现一个问题,当你关机后,再次启动CentOS7系统时会发现此时无法打开终端,这是由于升级了glibc导致的,解决办法如下:再关闭虚拟机前,在安装glibc-2.28时新建的build目录类执行以下命令 。如果不执行,系统不会安装设置的字符编码。(时间较长,请耐心等待)

                      cd /software/glibc-2.28/build
                      make localedata/install-locales
                      

                      八、下载与安装TomCat(由于之前安装的jdk17,小编这里安装的版本是v10.1.24)

                      1、下载TomCat10,下载网址【https://downloads.apache.org/tomcat/tomcat-10/v10.1.24/bin/】

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      2、使用FileZilla将【apache-tomcat-10.1.24.tar.gz】从windows系统传递到CentOS7系统中新建的software文件夹中(下载网址【http://ftp.gnu.org/gnu/】)

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      3、使用以下命令,解压apache-tomcat-10.1.24.tar.gz

                      cd /software/
                      tar zxvf ./apache-tomcat-10.1.24.tar.gz
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      4、启动tomcat10

                      cd bin/
                      ./startup.sh
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      5、关闭tomcat10

                      ./shutdown.sh 
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      九、前后端分离项目部署

                      1、使用6.4中的数据库可视化工具Navicat Premium,新建数据库【hospital_manager】,并导入数据库文件【hospital_manager.sql】

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      2、部署后端SpringBoot项目

                      注意:在将后端SpringBoot项目打war包前,需要修改SpringBoot项目【application.properties】文件的相关配置

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (1)将后端SpringBoot项目打war包,具体打包方式请参考SpringBoot项目打war包教程

                      (2)使用FileZilla将【HospitalManagerApi.war】从windows系统传递到CentOS7系统TomCat10下的webapps文件夹中。

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (3)启动TomCat10,运行后端SpringBoot项目

                      cd /software/apache-tomcat-10.1.24/bin/
                      ./startup.sh
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      注:这里强调一下,后端项目部署完成后,启动时访问地址为:【http://[ip地址]:[端口号]/[war包项目名]/】,地址中这里多出了一个[war包项目名],因此我们在前端项目中配置代理的后台服务所在源时,也应该添加war包项目名,具体如下所示。

                      3、部署前端Vue3项目

                      注:在传递前端项目【hospitalmanager_vue】前,需要重新配置一下vue项目的代理,也就是修改vue项目中【vite.config.js】文件的相关配置

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (1)使用FileZilla将【hospitalmanager_vue】从windows系统传递到CentOS7系统中新建的VuePG文件夹中。

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (2)清除vue项目缓存并安装依赖,命令如下:

                      cd /VuePG/hospitalmanager_vue/
                      npm cache clean -force
                      npm install
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

                      (3)运行项目,命令如下:

                      npm run dev
                      

                      CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署

转载请注明来自码农世界,本文标题:《CentOS7系统搭建与前后端分离项目(Vue3+SpringBoot)部署》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,93人围观)参与讨论

还没有评论,来说两句吧...

Top