nginx反向代理配置

让前端程序能够同时对接多个后端服务,使用nginx作为前后端中间的反向代理层;反向代理服务器架设在服务器端,通过缓冲经常被请求的页面来缓解服务器的工作量,将客户机请求转发给内部网络上的目标服务器;并将从服务器上得到的结果返回给Internet上请求连接的客户端,此时代理服务器与目标主机一起对外表现为一个服务器

nginx反向代理配置_第1张图片

nginx的配置

server {
    listen       80; #如果80端口被占用,且不能被kill,可以修改为其他端口号,如90
    server_name  localhost;

    location ~ /core/ {           
        proxy_pass http://localhost:8110;
    }
    location ~ /sms/ {           
        proxy_pass http://localhost:8120;
    }
    location ~ /oss/ {           
            proxy_pass http://localhost:8130;
    }
}

前端发送请求到代理服务器localhost:80,代理服务器再请求按照location进行匹配,转发到相应的地址 

nginx的命令

start nginx #启动
nginx -s stop #停止
nginx -s reload #重新加载配置

前端的配置: .env.development

# base api:配置到后台nigix服务器
VUE_APP_BASE_API = 'http://localhost(:90)' 
#80可以省略,但其他端口不能
#将模拟接口服务器mock-server切换到后台真正的服务器上 

你可能感兴趣的:(nginx)