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即可

相关推荐
拖孩17 分钟前
【Nova UI】十五、打造组件库之滚动条组件(上):滚动条组件的起步与进阶
前端·javascript·css·vue.js·ui组件库
苹果电脑的鑫鑫27 分钟前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui
Hejjon31 分钟前
Vue2 elementUI 二次封装命令式表单弹框组件
前端·vue.js
猴子请来的逗比4891 小时前
tomcat与nginx之间实现多级代理
java·nginx·tomcat
Wannaer1 小时前
从 Vue3 回望 Vue2:响应式的内核革命
前端·javascript·vue.js
互联网搬砖老肖2 小时前
Web 架构之负载均衡会话保持
前端·架构·负载均衡
赵大仁2 小时前
React vs Vue:点击外部事件处理的对比与实现
javascript·vue.js·react.js
matrixlzp4 小时前
Nginx 源码安装成服务
nginx·云原生
coderYYY4 小时前
多个el-form-item两列布局排齐且el-select/el-input组件宽度撑满
前端·javascript·vue.js·elementui·前端框架
showmethetime5 小时前
搭建高可用及负载均衡的Redis
运维·redis·负载均衡