博主在利用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 欢迎入群 交流