nginx实现vue和后端的双机负载

nginx配置文件,项目是前后端分离的,前端vue,后端springboot

前端使用nginx实现双机负载,前端的访问端口是95280,后端2个服务实例的端口分部为9098,9099

nginx.conf的配置文件

复制代码
#user  root;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
 
    keepalive_timeout  65;
         
    #这里是配置负载均衡
    upstream xx_front {
        server 127.0.0.1:9098;
		server 127.0.0.1:9099;
    }              
    server {
        listen       9528;
        server_name  xx.xx.xx.xx;
 
        location / {
            root   xx/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
       #配置由前端路由到后端
        location /data-management/ {
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://xx_front;
        }
    }
}
相关推荐
Charlene Fung几秒前
vs code远程自动登录服务器,无需手动输入密码的终极方案(windows版)
运维·服务器·vscode·ssh
碣石潇湘无限路3 分钟前
【部署与总结】从本地运行到公网服务器的全过程
运维·服务器
江城开朗的豌豆16 分钟前
Vue-router方法大全:让页面跳转随心所欲!
前端·javascript·vue.js
linux修理工25 分钟前
ipmitool 使用简介(ipmitool sel list & ipmitool sensor list)
运维·服务器
江城开朗的豌豆28 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
XM-545829 分钟前
2025微信小程序wxapkg解包全攻略
linux·运维·小程序
江城开朗的豌豆34 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆35 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆35 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆36 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js