3台云服务器部署分布式Springboot Vue前后端分离项目的流程

1.打包vue项目的生产环境

到vue项目的目录下执行以下指令

npm run build:prod

打包完成后在vue项目的目录下生成一个名为dist的文件，里面主要是主要的html页面和css、js、字体和图片等静态资源

通过FileZilla将dist文件夹上传到云服务器中的/var/project/文件夹中，（project/需要自己新建）

2.打包springboot项目

将Springboot项目打包成Jar包，选择右侧菜单栏的Maven，点击package，稍等片刻后在控制台便会出现build success，在项目的target文件夹下便出现以项目名命名的Jar包

将该Jar通过FileZilla等远程终端软件上传至云服务器中，例如上传到/home/ubuntu/javaproject下

3.安装并配置JDK（三台服务器都要安装）

到https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html下载JDK1.8并用FileZilla等远程终端软件将文件上传到云服务器的/home/ubuntu/下

将下载的JDK压缩包移动至/usr/local/目录下，随后到目录下解压文件夹

sudo mv /home/ubuntu/jdk-8u281-linux-x64.tar.gz /usr/local/
cd /usr/local/
sudo tar -zxvf jdk-8u281-linux-x64.tar.gz

修改配置文件

sudo vim /etc/profile

将以下内容复制到/etc/profile文件中

export JAVA_HOME=/usr/local/jdk1.8.0_281
export PATH=$PATH:$JAVA_HOME/bin
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

更新配置文件

source /etc/profile

查看是否配置成功，发现已经配置成功了

java -version

4.安装并配置nginx静态代理与反向代理（其中一台服务器安装配置即可）

在root用户下安装ngnix

sudo su
apt-get install nginx
sudo service nginx start

nginx版本号为1.14.0

更改配置文件中user为root，避免权限问题

sudo vim /etc/nginx/nginx.conf

在# Virtual Host Configs下插入静态代理与反向代理的配置，按I编辑，编辑完成后按ESC退出编辑模式并输入:wq保存并退出

#后端服务集群配置
upstream amops{
     
		ip_hash;
		server 106.52.xxx.xxx:9001;
        server 120.79.xxx.xxx:9001;
        server 42.192.xxx.xxx:9001;
}

server {
     
        listen 80;
        server_name 42.192.xxx.xxx;
        #静态代理配置
        location / {
     
                root /var/project/dist;
                index index.html index.htm;
        }
        #反向代理配置，如果没有路径转发则配置为/即可
        location /prod-api/ {
     
        		include /etc/nginx/proxy_params;
        		proxy_pass http://amops/;
        } 
} 

5.启动整个工程

在root用户下重启nginx

service nginx restart

三台服务器都启动Springboot项目，退出root用户，到/home/ubuntu/javaproject目录下启动Java项目（nohup不挂断地运行命令，&在后台运行）

exit
cd /home/ubuntu/javaproject
#这种情况可能造成nohup.out文件过大的情况
nohup java -jar amops-1.0.0.jar &
#可以选择这种配置Java进程日志输出的方式：仅将错误日志输出到nohup.out
nohup java -jar amops-1.0.0.jar >/dev/null 2>log &

3台云服务器部署分布式Springboot Vue前后端分离项目的流程到此结束

欢迎小伙伴讨论，文章内容如有错误请在评论区评论或发私聊消息，谢谢你。