一、前端

        安装nginx

        1.将提前准备好的nginx的安装包上传到Linux中/opt目录下(我用的是Xftp)

                

        2.解压

                2.1:在xshell中解压该文件:

                tar -zxvf nginx-1.20.1.tar.gz 

                2.2:进入解压后的目录

                cd nginx-1.20.1/

                2.3:安装需要的依赖

                yum -y install zlib zlib-devel openssl openssl-devel pcre pcre-devel

        执行过程中还需要指定安装的地址

                ./configure--prefix=/opt/nginx (尽量安装到/opt/nginx目录下)

        编译:

                make install

        3.启动nginx 

                cd  /opt/nginx/sbin    此时进入nginx的sbin (里面是nginx的启动命令)
        启动nginx

                ./nginx

        (可以查看nginx是否启动:)

                (ps -ef |grep nginx   如果有端口即为启动成功)

        4.此时nginx就启动成功了,可以使用ip+端口号访问nginx

        (注意:此时端口号可以省略,会默认补全(80)  http请求默认80端口)

        正式部署前端

        (部署之前记得将全部ip(localhost/127.0.0.1)改为你的云服务器ip)

        1.打包前端项目       

        在前端的命令窗口中输入

                npm run build

       (打包完之后会在你的前端项目中出现一个dist目录,会将你的前端项目压缩为H5页面,最终对外只提供一个HTML文件)

        2.上传

        将dist目录下的所有文件都上传到 /opt/nginx/html 中

        这样前端就上传成功了 

二、数据库

这里我用的是SQLyog,可以远程连接数据库

连接成功后,在你的原数据库中将数据库备份下来

上传数据库

此时你的数据库就上传成功了

(最好将这个sql文件备份一份在后端文件中)

三、后端

1.修改后端配置

 2.修改启动类

        /opt/app.pid为存反复SpringBoot程序的进程id地址

停止SpringBoot服务

        cat /opt/app.pid | xargs kill

3.打包

        使用Maven进行打包       

        打包前记得clean一下,重新编译(compile)

         然后执行package命令

出现这个即为打包成功

将其传输到/opt目录下

         在xshell中输入以下命令;

        java -jar   jar包名称

(记得在云服务器里开启防火墙)

此时我们的项目就部署完成了

但是此时有一个bug,这里SpringBoot项目打开之后不能关闭,否则我们的项目就不能打开了

        我们需要在命令行中输入下面命令:

nohup  java -jar  jar包名称  &             #不挂断地运行命令  (nohup  命令  &)

这样整个项目就部署完成了!! 

(附赠一个命令)

停止springboot服务
    cat /opt/app.pid | xargs kill