springboot + vue-manage-system-master 开发部署流程总结

博主在利用vue+springboot 搭建开发框架的时候，前端选择了开源的 vue-manage-system-master框架。部署在服务器上试跑了一下，简直就是小清新的感觉。

实际开发过程中遇到的问题 这里就不赘述了，有问题的可以加博主qq 1208422545（备注 来自csdn+你的目的）咨询，这里只记录下布署的心酸历程。

第一步：安装MySQL数据库

博主使用的是CentOS服务器，安装mysql数据库的方法可以参照博主的另一篇文章《CentOS 配置 Apache HTTP MySql WordPress》 

第二步：安装Nginx

Nginx的作用大家都知道，一般包括 反向代理，负载均衡，HTTP服务器(动静分离)，正向代理。

具体安装过程简单总结如下：

#gcc安装，nginx源码编译需要

yum install gcc-c++

#PCRE pcre-devel 安装，nginx 的 http 模块使用 pcre 来解析正则表达式

yum install -y pcre pcre-devel

#zlib安装，nginx 使用zlib对http包的内容进行gzip

yum install -y zlib zlib-devel

#OpenSSL 安装，强大的安全套接字层密码库，nginx 不仅支持 http 协议，还支持 https（即在ssl协议上传输http）

yum install -y openssl openssl-devel

#使用wget命令下载（推荐）
#下载版本号可根据目前官网最新稳定版自行调整

wget -c https://nginx.org/download/nginx-1.16.1.tar.gz

#安装
#根目录使用ls命令可以看到下载的nginx压缩包，然后解压

tar -zxvf nginx-1.16.1.tar.gz

#解压后进入目录

cd nginx-1.16.1

#使用默认配置

./configure

#编译安装

make

make install

#查找安装路径，默认都是这个路径

[root@VM_0_12_centos ~]# whereis nginx

nginx: /usr/local/nginx

#启动、停止nginx

cd /usr/local/nginx/sbin/

./nginx     #启动

./nginx -s stop  #停止，直接查找nginx进程id再使用kill命令强制杀掉进程

./nginx -s quit  #退出停止，等待nginx进程处理完任务再进行停止

./nginx -s reload  #重新加载配置文件，修改nginx.conf后使用该命令，新配置即可生效

#重启nginx，建议先停止，再启动

./nginx -s stop

./nginx

#查看nginx进程，如下返回，即为成功

[root@VM_0_12_centos ~]# ps aux|grep nginx
root      5984  0.0  0.0 112708   976 pts/1    R+   14:41   0:00 grep --color=auto nginx
root     18198  0.0  0.0  20552   612 ?        Ss   11:28   0:00 nginx: master process ./nginx
nobody   18199  0.0  0.0  23088  1632 ?        S    11:28   0:00 nginx: worker process

 浏览器输入服务器ip即可看到nginx欢迎界面

第三步：安装ftp

参照博主另一篇文章《基于 CentOS 搭建 FTP 文件服务》

第四步：安装jdk  

版本自己控制，博主安装的是jdk1.8

# 安装OpenJDK 8 JRE

sudo yum install java-1.8.0-openjdk

# 安装OpenJDK 8 JDK

sudo yum install java-1.8.0-openjdk-devel

 

第五步：前后台的发布操作

这里简单提一嘴，前台VUE项目一般使用 

npm run build

进行编译发布，文件在dist文件夹下存在。

后台springboot采用maven管理，采用截图所示操作进行编译发布。

发布文件存在于target文件夹下的jar包 （具体格式和路径依据自己的需要调整）

第六步：将前后台发布文件通过ftp上传到服务器对应文件夹下，该路径地址需要记住，用于nginx里进行root配置。

第七步：nginx文件配置

在前后台分离框架中，前台和后台的代码往往不是在一个解决方案里，采用的端口和服务器所在路径地址也不一致，博主使用的就是配置nginx的方法，进行请求的代理转发。

#如果找不到nginx的路径地址 可以使用下面语句查找

whereis nginx

#结果 nginx: /usr/local/nginx 就是路径地址

#进入nginx配置文件目录，找到nginx的配置文件nginx.conf

cd /usr/local/nginx/conf/

#直接修改

vi nginx.conf

配置文件具体格式如下：

  server {
        listen       80;
        server_name  你的域名url;
         root   /data/ftp/pub/projectmanage/ui/dist/; #前台所在文件夹的绝对路径地址
         index  index.html index.htm; #首页
        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        location /api {
             proxy_pass  http://localhost:8083; #将前端所有包含 api的请求转发到本地 8083端口 
                                                #下的后台接口程序
                                                #8083端口是你后台接口程序的启动占有端口
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

配置完成以后重新加载nginx配置文件

#修改完成后，重新加载配置文件

cd /usr/local/nginx/sbin/

./nginx -s reload

第八步：启动后台接口程序 jar包

#进入你的jar包所在文件路径地址

cd 你的jar包所在文件路径地址

#启动jar包程序

nohup java -jar shareniu.jar &

#nohup 意思是不挂断运行命令,当账户退出或终端关闭时,程序仍然运行
#其中的 shareniu.jar 是你的jar包名称

此时在你的浏览器中 输入你的域名 就可以愉快的玩耍了！

PS:如果需要查询当前的进程号，请使用

ps -aux |grep java

使用

kill -9 21844 

可以停止该进程。

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------

.NET C# JAVA 基础交流群  1095936339  欢迎入群 交流