nginx反向代理配置

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

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切换到后台真正的服务器上