Nginx搭载负载均衡及前端项目部署

目录

​编辑

一.Nginx安装

1.安装所需依赖

2.下载并解压Nginx安装包

3.安装nginx

4.启动Nginx服务

二.Tomcat负载均衡

1.准备环境

[1.1 准备两个Tomcat](#1.1 准备两个Tomcat)

[1.2 修改端口号](#1.2 修改端口号)

[1.3 配置Nginx服务器集群](#1.3 配置Nginx服务器集群)

2.效果展示

​编辑三.前端项目打包

​编辑四.前端项目部署

1.上传项目

2.修改代理服务器

[3. 配置域名](#3. 配置域名)


一.Nginx安装

1.安装所需依赖

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

2.下载并解压Nginx安装包

wget http://nginx.org/download/nginx-1.13.7.tar.gz

tar -xvf nginx-1.13.7.tar.gz

3.安装nginx

进入到/usr/local/nginx/sbin目录

cd /usr/local/nginx/sbin

编译,执行配置: 考虑到后续安装ssl证书 添加两个模块

./configure --with-http_stub_status_module --with-http_ssl_module

安装make模块

make && make install

4.启动Nginx服务

进入 /usr/local/nginx/sbin 目录下(服务安装在当前目录下)

cd /usr/local/nginx/sbin

安装lsof模块

yum install lsof

启动服务

./nginx

重启服务

./nginx -s reload

关闭服务

./nginx -s stop

开启防火墙端口号

firewall-cmd --zone=public --add-port=80/tcp --permanent

刷新防火墙规则

firewall-cmd --reload

开启服务后,在浏览器中输入自己的ip地址+:80出现以下截图说明安装成功

二.Tomcat负载均衡

1.准备环境

1.1 准备两个Tomcat

先进入到我们的Tomcat的上一级目录然后执行以下命令

cp -r apache-tomcat-8.5.20/ apache-tomcat-8.5.20_8081/

1.2 修改端口号

进入到配置文件夹中的中

cd apache-tomcat-8.5.20_8081/conf

修改配置文件中的端口号

vim server.xml

将当前的Tomcat配置文件中的端口号全部加一,防止与原来的端口号发生冲突

进入到配置文件后点击insert进行修改

修改完成后点击Esc,输入:wq保存并退出

1.3 配置Nginx服务器集群

在/usr/local/nginx/conf/文件中修改服务器集群和访问地址

#服务器的集群

upstream tomcat_list { #服务器集群名字

server 127.0.0.1:8080 weight=1; #服务器1 weight是权重的意思,权重越大,分配的概率越大。

server 127.0.0.1:8081 weight=2; #服务器2 weight是权重的意思,权重越大,分配的概率越大

}
location / {

#root html;

proxy_pass http://tomcat_list;

index index.html index.htm;

}

配置完成之后要将Nginx重新加载

./nginx -s reload

2.效果展示

为了展示效果Nginx同时负载两个Tomcat,将8081端口号的Tomcat界面进行更改

当我们对前端Nginx运行页面进行刷新时,因为同时负载两个Tomcat所以刷新时会根据权重来展示两个tomcat页面的的概率

三.前端项目打包

进入到前端项目的根目录利用cmd窗口执行以下命令

npm run build

打包完成后会在我们的当前项目目录下有一个dist文件夹,这就是我们打包好的项目

当我们的node环境运行时,点击这个静态网页也可以进入到我们的前端页面

四.前端项目部署

1.上传项目

在/usr/local/nginx/conf/目录下新建一个文件夹存放项目

mkdir mypro

然后将项目拷贝到当前文件夹中

下载unzip命令解压zip文件

yum install -y unzip

进入到当前存放项目的文件夹然后进行解压

cd mypro

unzip blog.zip

2.修改代理服务器

添加新代理

location ^~/api/ {

proxy_pass http://tomcat_list/;

}

将路径修改为自己前端项目路径

location / {

root /user/local/mypro/dist;

#proxy_pass http://tomcat_list;

index index.html index.htm;

}

3. 配置域名

修改当前文件目录下的hosts文件

C:\Windows\System32\drivers\etc

在hosts文件中编写自己的ip地址和域名,这样就可以在本机通过域名去访问自己的项目了

修改完成之后,要将ngnix重新启动刷新一下

相关推荐
INGNIGHT2 分钟前
486. 预测赢家(博弈dp/区间dp)
linux·c++
每日品牌解读5 分钟前
企业经由 API 调用大模型,推荐哪些拥有数据隐私保护能力的平台?
运维·网络
秋饼10 分钟前
Claude Haiku 5.5 + Spring AI 2.0 企业级低成本高并发 AI Agent 实战:子智能体分工、成本熔断与百万上下文落地
java·ai·技术分享·后端开发
竣达技术17 分钟前
就地显示 + 远程上传,铅酸蓄电池在线监测完整解决方案
运维·数据库
HUIBUR科技19 分钟前
AI 中枢,面向企业场景构建的 AI 智能体
前端·数据库·人工智能
xuxigifxfh24 分钟前
牛客:BISHI8 大整数哈希
java·算法·哈希算法
for_ever_love__25 分钟前
MySQL 优化器与 OPTIMIZER_TRACE:把‘为什么选这条计划‘问到水落石出
数据库·mysql·优化器·trace·optimizer·执行计划分析·cic
涉密IT资质笔记27 分钟前
涉密资质投入产出分析模型:时间成本、四块成本构成与 ROI 决策框架
java·开发语言·算法
木井巳30 分钟前
【BFS 解决拓扑排序】火星词典
java·算法·leetcode·广度优先·宽度优先·图搜索算法
霸道流氓气质30 分钟前
Java调用StableDiffusion/ComfyUI图像生成:DAG工作流编排、WebSocket实时进度与Flux模型集成的生产级实战
java·websocket·stable diffusion