Linux/openEuler系统部署spring boot+vue前后端分离项目(nginx均衡代理)

Linux/openEuler系统部署spring boot+vue前后端分离项目(nginx均衡代理)

1、系统环境准备,安装openjdk和nginx还有MySQL,咱们本文先连接主机mysql进行登录(linux上的mysql服务可以先不安装)

可以看我前面的文章
华为openEuler系统安装openjdk并配置环境变量
openEuler系统安装nginx
HUAWEI-OpenEuler系统安装MySQL服务器并使用详细步骤
Ubuntu安装MySQL服务器详细步骤

2、打包后端SpringBoot项目并部署到Linux系统中

2.1、打包

在确定项目可以正常运行的前提下,进行package打出jar包

2.2、将打的jar包放到咱们的linux系统中的opt目录下,可以在新建文件夹

3、打包前端Vue项目并部署到nginx中

3.1、在vue项目的package.json文件中将build配置做下面更改(删掉注释的那行,不然不能成功打包)

3.2、运行npm run build命令进行打包项目

npm run build

打包成功后在项目文件路径下出现dist文件夹

3.3、将打包的dist文件夹放到linux系统中的nginx的html路径下

4、配置nginx代理前端项目并实现均衡负载

4.1、编辑nginx配置文件


4.2、重新加载nginx配置文件(nginx -s reload)

4.3然后就可以通过linux的ip的默认80端口看到vue项目的首页

5、在linux系统中运行该SpringBoot+Vue前后端分离项目

5.1、进入到jar包所在的文件夹运行SpringBoot后端服务

如果不配置端口号则以你原本配置的端口号为默认端口,我原来的后端服务端口是8088

5.2、再次打开一个命令窗口使用其他端口打开后端服务,测试nginx的均衡负载

注意:上面两个打开服务的端口号要和配置nginx均衡负载里面的两个端口号保持一致

5.3、再次打开命令窗口,打开这两个端口的防火墙

java 复制代码
> firewall-cmd --zone=public --add-port=8088/tcp --permanent
> firewall-cmd --zone=public --add-port=8089/tcp --permanent
> firewall-cmd --reload

5.4、大家可以看我的这篇文章进行mysql的安装(如果使用主机mysql可以先不安装)

HUAWEI-OpenEuler系统安装MySQL服务器并使用详细步骤
Ubuntu安装MySQL服务器详细步骤

5.5、修改主机后端项目的mysql连接为通过本机ip连接

5.6、设置root用户允许远程连接

将重新打包的后端jar包重新导入到linux中再次运行

即可使用数据库成功登录

6、nginx均衡负载测试

多次点击项目任意请求,观察虚拟机中两个命令窗口的控制台信息

8088服务窗口

8089服务窗口

可以看出两个服务端口轮流接收请求,满足之前nginx设置的权重!!!

相关推荐
寒水馨6 分钟前
Linux下载、安装godot-4.7.1-stable(附安装包Godot_v4.7.1-stable_linux.x86_64.zip)
linux·游戏引擎·godot·游戏开发·2d游戏·3d游戏·godot engine
念恒1230619 分钟前
Socket编程UDP(中)
linux·网络协议·udp
深耕运维十八载云架构实务24 分钟前
系统故障玄学之内存明明显示空闲,服务器却频繁卡顿卡死?拆解被忽略的 Linux 隐性内存陷阱
linux
hexu_blog33 分钟前
springboot3集成shardingsphere4.0 分表分库
java·spring boot·mybatis
乐观的Terry35 分钟前
9、发布系统-Webhook自动发布
java·spring boot·spring·spring cloud·mybatis
PH = 739 分钟前
SpringBoot使用自动装配编写Start包
java·spring boot·后端
爱写代码的阿森1 小时前
鸿蒙三方库 | harmony-utils之StrUtil字符串空值判断详解
华为·harmonyos·鸿蒙·huawei
qetfw1 小时前
CentOS 7 搭建 Sendmail + Dovecot 邮件服务器:SMTP、POP3、IMAP 与 TLS
linux·centos
jin1233221 小时前
HarmonyOS ArkTS API 24实现声明式 UI 框架与 @Builder 组件复用模式构建三标签页智能账单应用
ui·华为·harmonyos
ov二号1 小时前
鸿蒙原生ArkTS布局方式之Image+renderMode图片渲染模式深度解析
华为·harmonyos