vue 用Nginx实现负载均衡

Nginx负载均衡的作用(相当于客户端的请求是发到Nginx上的,然后由Nginx决定到底调用哪台服务器):

在 .net core 中的具体实现步骤

1.在nginx官网上下载安装包,推荐稳定版; 建议1.18版本

2.下载完成后,到所在目录执行 nginx绿色图表 运行nginx(建议使用管理员模式运行),在任务管理器观察是否已经运行

或者在cmd到该目录执行nginx命令,如果需要停止nginx -s stop

找到 conf 下面的 nginx 配置如下即可

upstream local-cjstore{

server 127.0.0.1:83 weight=1;

server 127.0.0.1:84 weight=1;

server 127.0.0.1:85 weight=1;

}

server {

listen 9090;

server_name 127.0.0.1;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {

proxy_pass http://local-cjstore;

proxy_set_header Host $http_host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header X-NginX-Proxy true;

}

#error_page 404 /404.html;

redirect server error pages to the static page /50x.html

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

}

vue 前端的配置就已完成运行nginx即可

相关推荐
暗中讨饭xdm4 小时前
立体echarts柱状图咋做
前端·vue.js·echarts
w_t_y_y4 小时前
vue父子组件通信(一)父子调用和通信(2)VUE3
前端·javascript·vue.js
Cheney95014 小时前
Vue 项目字体文件打包后 fonts 文件夹“消失”?原因分析与解决方案
前端·javascript·vue.js
daols884 小时前
vxe-table 实现数据分组统计与表尾合计
前端·javascript·vue.js·vxe-table
向日的葵0064 小时前
Vue 函数定义、事件绑定与列表渲染精讲
前端·javascript·vue.js
喵个咪15 小时前
GoWind Toolkit 前端代码生成|Vue3(ElementPlus/Vben)、React(AntDesign)全自动一键生成教程
前端·vue.js·react.js
qq_25183645716 小时前
SpringBoot+Vue 共享电池柜管理系统 完整实现 前后端分离项目实战 完整代码
vue.js·spring boot·后端
Dxy123931021618 小时前
为什么开了 `open_file_cache` 图片会不显示?
nginx
卤蛋fg619 小时前
vxe-table 实现数据分组统计与表尾合计
vue.js
念何架构之路20 小时前
接入LVS+Nginx和服务发现
nginx·服务发现·lvs