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

相关推荐
胡志辉的博客8 小时前
本地明明好好的,怎么一上线就跨域了?把同源策略、前后端分工和 CORS 一次讲明白
前端·javascript·vue.js·reactjs·nextjs·跨域
|晴 天|8 小时前
文章系列管理系统:拖拽排序与进度追踪
前端·vue.js·typescript
jiayong238 小时前
第 17 课:任务选择与批量操作
开发语言·前端·javascript·vue.js·学习
天才熊猫君8 小时前
📄 第三篇:Vue 3 命令式弹窗 Provide 污染与关闭动画修复
前端·javascript·vue.js
天才熊猫君9 小时前
📄 第一篇:Vue 3 命令式弹窗使用指南
前端·javascript·vue.js
天才熊猫君9 小时前
📄 第二篇:Vue 3 命令式弹窗 provide/inject 机制解析
前端·javascript·vue.js
ywlovecjy9 小时前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
qq_12084093719 小时前
Three.js 与前端框架集成实战:Vue/React 生命周期对齐与热更新避坑
javascript·vue.js·前端框架
M ? A10 小时前
你的 Vue v-for,VuReact 会编译成什么样的 React 代码?
前端·javascript·vue.js·经验分享·react.js·面试·vureact
hutengyi10 小时前
四、nginx的优化和location匹配规则
运维·nginx