nginx 前后的分离 负载均衡

devtools/2024/9/24 14:21:18/

首先前端随便访问后端的一个端口,后端监听这个端口进行服务转发。

比如:8888

VITE_APP_API_BASEURL = 'http://192.168.10.111:8888'

然后nginx在我们的服务器上部署两个后端

这里我用docker部署了两个

当然你也可以在两个服务器上面部署两个后端,只要在nginx配置代理的时候修改一下ip就可以了。

nginx配置


server {listen 801;server_name 192.168.10.111;location / {root /home/obj/dist;index index.shtml index.html index.htm;#此处的 proxy_pass与upstream 对应}location ^~/proxy/ {proxy_pass http://192.168.10.111:8019/;}error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}}# 反向代理配置
upstream balancer {# least_conn; # web请求会被转发到连接数最少的服务器上# ip_hash; # 每个请求按访问ip的hash值分配# 服务转发server 192.168.10.111:8021 weight=1 max_fails=2 fail_timeout=3s;server 192.168.10.111:8020 weight=1 max_fails=2 fail_timeout=3s;
}server {listen       8888; # 监听前端访问的端口,并负载均衡转发接口server_name  192.168.10.111;location / {proxy_pass http://balancer;proxy_http_version 1.1;proxy_next_upstream http_502 http_504 error timeout invalid_header;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}
}


http://www.ppmy.cn/devtools/2602.html

相关文章

系统学c#3、基础语法--控制流程(判断、循环、方法、数组、集合)

判断语句(if、switch-case): if 语句 用于条件判断,其中包含一个布尔表达式,后面跟随着一段要执行的代码;当布尔表达式为true时,后面跟随的代码就会执行。 包括: 循环语句(for、wh…

【2024官方文档版】React快速入门

系列文章目录 一、快速入门【基础】 文章目录 系列文章目录前言一、快速入门【基础】1. 创建一个组件2. 组件嵌入3.添加样式4.显示数据5.条件渲染6.渲染列表7.响应事件8.更新页面9.使用Hook10.组件间共享数据 小结: 前言 偶然翻开React的官方文档。觉得蛮有意思&a…

C# 抽象类

C# 抽象类 在C#中,抽象类(Abstract Class)是一种特殊的类,它不能被实例化。相反,它通常作为基类,供其他类继承。抽象类可以包含抽象成员(抽象方法、抽象属性、抽象事件或抽象索引器&#xff09…

3D抓取算法中的PointNet++网络介绍

3D抓取算法是一个在机器人抓取任务中广泛使用的算法基线,它结合了深度学习和计算机视觉技术来预测给定三维点云场景中物体的抓取姿态。在这个基线算法中,PointNet 网络是一个关键组件,用于从点云数据中提取有效的特征表示。 下面是关于 3D抓…

拷贝构造函数与运算符重载

目录 一、拷贝构造函数 1.概念 2.特性 二、运算符重载 1.运算符重载 2.运算符重载实现的形式 3.赋值运算符重载 一、拷贝构造函数 1.概念 拷贝构造函数是一种特殊的构造函数,它在创建对象时,使用同一类中之前创建的对象来初始化新创建的对象…

ARL资产侦察灯塔系统

1、资产侦察灯塔系统搭建 1.1、系统要求 目前暂不支持 Windows,Linux 和 MAC 建议采用 Docker 运行,系统配置最低 2 核 4G。 由于自动资产发现过程中会有大量的的发包,建议采用云服务器可以带来更好的体验 实验环境: 系统&…

2023年前端开发趋势:Vue 3、React 18与WebAssembly

在2023年,前端开发领域继续快速发展,其中一些关键的技术趋势包括Vue 3、React 18以及WebAssembly。这些技术各自以独特的方式推动了Web开发的前沿。下面,我们将详细探讨这些趋势以及它们对前端开发的影响。 ### Vue 3 Vue.js 是一个流行的J…

【C++】哈希

1. unordered系列关联式容器 STL提供了底层为红黑树结构的一系列关联式容 这里介绍 unordered_set 和 unordered_map a. unordered_map unordered_map 是存储<key, value>键值对的关联式容器&#xff0c;其允许通过 key 快速的索引到与 其对应的 value unordered_m…