利用Nginx负载均衡、动静分离特性部署前后端项目

目录

一、Nginx简介

1.1 Nginx是什么？

1.2 Nginx的作用

二、Nginx负载均衡

2.1 Nginx安装

2.2 Nginx搭载负载均衡

2.2.1 tomcat负载均衡  

 2.2.2 服务器的集群

三、前后端分离项目

3.1 前端项目导出

3.2 前端项目Linux部署

一、Nginx简介

1.1 Nginx是什么？

        Nginx（发音为"engine-x"）是一款高性能的开源Web服务器和反向代理服务器。它由Igor Sysoev于2004年创建，并于2008年首次发布。Nginx的设计目标是提供高性能、可靠性和可扩展性，以应对高负载的Web应用程序和流量。

1.2 Nginx的作用

  1. Web服务器：Nginx可以提供静态文件服务，如HTML、CSS、JavaScript和图像等。它能够高效地处理并发请求，提供快速的文件传输速度，并通过缓存和压缩等技术提高性能。

  2. 反向代理：Nginx可以作为反向代理服务器，将客户端请求转发给后端服务器，并将响应返回给客户端。通过反向代理，Nginx可以实现负载均衡、高可用性和故障转移，提高应用程序的性能和可靠性。

  3. 负载均衡：Nginx支持负载均衡功能，可以将请求分发给多个后端服务器，以平衡负载并提高系统的可扩展性和稳定性。它支持多种负载均衡算法，如轮询、IP哈希和最少连接等。

  4. 反向缓存：Nginx可以作为反向缓存服务器，缓存动态内容的响应，以减轻后端服务器的负载并提高响应速度。通过缓存，Nginx可以减少对后端服务器的请求，提高系统的性能和可扩展性。

  5. SSL/TLS终端：Nginx可以作为SSL/TLS终端，处理加密和解密HTTPS请求。它可以提供安全的通信通道，保护数据的机密性和完整性。

        总结一下，Nginx作为Web服务器和反向代理服务器，可以提供静态文件服务、反向代理、负载均衡、反向缓存和SSL/TLS终端等功能。它能够提高应用程序的性能、可靠性和安全性，适用于处理高负载的Web应用程序和流量。

二、Nginx负载均衡

2.1 Nginx安装

1、安装4个依赖

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

2、解压安装包

tar -xvf nginx-1.13.7.tar.gz

3、进入安装包目录，安装nginx

cd nginx-1.13.7


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

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

安装 

make && make install

4、启动Nginx
进入 /usr/local/nginx/sbin 目录下启动：

 如下nginx文件夹有四个文件，启动nginx的在sbin文件夹下：

# 启动
./nginx# 重启
./nginx -s reload# 关闭
./nginx -s stop# 或者，指定配置文件启动
./nginx -c /usr/local/nginx/conf/nginx.conf

1、下载lsof指令
2、lsof指令用于查看是否开启nginx

1、yum install lsof
2、lsof -i:80

5、开放端口

开启Nginx后还是不能直接访问的，需要设置防火墙开放 80 端口

 firewall-cmd --zone=public --add-port=80/tcp --permanentfirewall-cmd --reload && firewall-cmd --list-port

访问示例： 

2.2 Nginx搭载负载均衡

2.2.1 tomcat负载均衡  

1、准备2个tomcat

通过一下命令备份一个新的tomcat

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

2、修改的tomcat配置如下

2.1 进入第二个tomcat的conf路径

cd /javaxl/software/apache-tomcat-8.5.20_8081/conf/

2.2 进入vim server.xml文件

将server.xml的内容修改如下：
1. HTTP端口，默认8080，如下改为8081
2.远程停服务端口，默认8005，如下改为8006
3.AJP端口，默认8009，如下改,8010

 2.2.2 服务器的集群

1、进入nginx的conf目录下修改nginx.conf文件

命令：

vim nginx.conf

2、方法二： 

完整示例：

    #服务器的集群upstream  tomcat_list {  #服务器集群名字server    127.0.0.1:8080  weight=1;   #服务器1   weight是权重的意思，权重越大，分配的概率越大。server    127.0.0.1:8081  weight=2;   #服务器2   weight是权重的意思，权重越大，分配的概率越大。} server {listen       80;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {#root   html;proxy_pass   http://tomcat_list; #服务器集群名字index  index.html index.htm;}

最后重启nginx和tomcat8080端口和tomcat8081端口：

./nginx -s reload

示例：

三、前后端分离项目

3.1 前端项目导出

1、项目config文件夹 --> index.js 添加如图配置

2、项目build文件夹 --> utils.js 添加如图配置

3、在前端项目根目录下运行cmd输入 npm run build 指令 进行导包

导包成功：

4、导出成功后项目会都出一个dist文件

5、点击此文件可查看导出的静态项目资源，点击静态资源也可访问动态数据哦

3.2 前端项目Linux部署

1、上传前端项目

将之前导出的前端项目的dist文件解压成压缩包，上传到nginx上

先在/usr/local/下创建一个文件夹名为myssm

2、解压前端项目

#下载解压zip的插件   
yum install -y unzip
#解压命令 
unzip 解压文件名

 

3、修改Nginx配置（动静分离）

更改Nginx配置文件用来导航路由到前端界面，并且重新配置服务器代理用来区分后端请求。

        location / {root /usr/local/myssm/dist;}location  ^~/api/ {#^~/api/表示匹配前缀是api的请求，proxy_pass的结尾有/， 则会把/api/*后面的路径直接拼接到后面，即移除apiproxy_pass http://tomcat_list/;}

4、重启 Nginx 运行服务器

进入到/usr/local/nginx/sbin中重启Nginx之后，再访问服务器

5、配置域名与ip的映射关系

 在本地：C:\Windows\System32\drivers\etc\hosts中配置映射关系

效果演示：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/157248.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

CSS3背景样式

CSS3背景样式

在CSS 2.1中，background属性的功能还无法满足设计的需求，为了方便设计师更灵活地设计需要的网页效果，CSS3在原有background基础上新增了一些功能属性，可以在同一个对象内叠加多个背景图像，可以改变背景图像的大小尺寸&…
阅读更多...
MATLAB | 万圣节来画个简单的可爱鬼叭！

MATLAB | 万圣节来画个简单的可爱鬼叭！

万圣节要到啦一起来画个可爱鬼吧~ 代码比较的短： 完整代码 figure(Units,normalized,Position,[.2,.1,.52,.72]); axgca;hold on;axis off; ax.DataAspectRatio[1,1,1]; ax.YDirreverse; ax.XLim[0,100]; ax.YLim[0,100]; [X,Y]meshgrid(linspace(0,1,200)); Zsq…
阅读更多...
Java实现对Html文本的处理

Java实现对Html文本的处理

1.引入jsoup <dependency><groupId>org.jsoup</groupId><artifactId>jsoup</artifactId><version>1.8.3</version> </dependency> 2. html示例 示例代码&#xff1a; <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1…
阅读更多...
各种爱心特效代码免费分享

各种爱心特效代码免费分享

「链接&#xff1a;https://pan.xunlei.com/s/VNi9l3Mqp9oEflga1T6M-ZUOA1?pwdsam3# 提取码&#xff1a;sam3”复制这段内容后打开手机迅雷App&#xff0c;查看更方便」 「链接&#xff1a;https://pan.xunlei.com/s/VNi9lWqdFIwdtD5sdCDZFamoA1?pwdka8b# 提取码&#xff1a;…
阅读更多...
Goby 漏洞发布｜XXL-JOB accessToken 权限绕过漏洞

Goby 漏洞发布｜XXL-JOB accessToken 权限绕过漏洞

漏洞名称&#xff1a; XXL-JOB accessToken 权限绕过漏洞 English Name&#xff1a;XXL-JOB default accessToken Permission bypass Vulnerability CVSS core: 9.2 影响资产数&#xff1a; 18489 漏洞描述&#xff1a; XXL-JOB 是一款开源的分布式任务调度平台&#xff0…
阅读更多...
python manage.py createsuperuser运行错误

python manage.py createsuperuser运行错误

我把思念作笺&#xff0c;随风而去&#xff0c;落在你常路过的那个街角… 错误复现 PS D:\教学文件\Django\djangoProject\webDemo02> python manage.py createsuperuser System check identified some issues:WARNINGS: ?: (urls.W005) URL namespace admin isnt unique…
阅读更多...
四十三、【进阶】前缀索引

四十三、【进阶】前缀索引

1、基础 简单点说&#xff0c;前缀索引就是当索引字段类型较大时&#xff0c;有时候需要索引很长的字符串&#xff0c;查询时&#xff0c;会浪费更大的空间&#xff0c;此时可以只对该索引的一部分前缀建立索引&#xff0c;可以大大的节省空间。 前缀索引一般配合选择度进行使用…
阅读更多...
java入门，哈希函数

java入门，哈希函数

一、前言 一听到哈希函数这种东西就感觉是数学&#xff0c;增加了人们的印象它很难。其中在数据结构中的HashMap的存储方式就用到了哈希函数&#xff0c;所以它也算是java的基础。看到哈希别惊慌&#xff0c;首先它只不过是个名称&#xff0c;我们理解它是个函数就行&#xff…
阅读更多...
【建议收藏】免费体验的AI论文写作网站-「智元兔 AI」

【建议收藏】免费体验的AI论文写作网站-「智元兔 AI」

在当今技术飞速发展的时代&#xff0c;越来越多的领域开始应用人工智能&#xff08;Artificial Intelligence&#xff0c;简称AI&#xff09;。其中&#xff0c;AI写作工具备受瞩目&#xff0c;备受推崇。 在众多的选择中&#xff0c;智元兔AI是一款在笔者使用过程中非常有帮助…
阅读更多...
配音软件怎么选择？（简单又实用）

配音软件怎么选择？（简单又实用）

随着短视频、自媒体的普及推广越来越好&#xff0c;想必大家都了解到配音软件的重要性了&#xff0c;用对配音软件&#xff0c;借助AI的力量让我们的作品达到事半功倍是效果&#xff0c;目前市面上有很多不同类型的配音软件&#xff0c;从专业的录音室级别的软件到简单易用的家…
阅读更多...
C#中LINQtoSQL的设置与连接

C#中LINQtoSQL的设置与连接

目录 一、首次安装LinqToSql类 二、非首次安装LinqToSql类 1.接受原有数据库连接 2.建立新的数据库连接 3.建立本地数据库连接 LINQ&#xff08;Language-Integrated Query&#xff0c;语言集成查询&#xff09;是微软公司提供的一项新技术&#xff0c;它能够将查询功能直…
阅读更多...
作物模型--土壤数据制备过程

作物模型--土壤数据制备过程

作物模型–土壤数据制备过程 首先打开FAO网站 下载下面这两个 Arcgis打开.bil文件 .mdb文件在access中转成.xls格式 Arcgis中对.bil文件定义投影
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023