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

相关推荐
markyankee10135 分钟前
使用 Vue 脚手架创建项目的完整指南
vue.js
青松学前端37 分钟前
vue-2.7源码解读之初始化流程和响应式实现
前端·vue.js·前端框架
流星稍逝41 分钟前
Vue3 + Uniapp 图片压缩公共方法封装
前端·vue.js
eric*16882 小时前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
菌菇汤3 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
qq_411671984 小时前
vue3 的模板引用ref和$parent
前端·javascript·vue.js
清幽竹客5 小时前
vue-37(模拟依赖项进行隔离测试)
前端·vue.js
vvilkim5 小时前
Nuxt.js 页面与布局系统深度解析:构建高效 Vue 应用的关键
前端·javascript·vue.js
paopaokaka_luck5 小时前
基于SpringBoot+Vue的电影售票系统(协同过滤算法)
vue.js·spring boot·后端
滿5 小时前
Vue3 父子组件表单滚动到校验错误的位置实现方法
前端·javascript·vue.js