前后端分离nginx端口转发和反向代理

1.前端使用vue后台使用springboot,将前端的请求接口设置为服务器的域名或者IP,使其直接请求到nginx的80端口,我自己后台的url全部以/api开头在配置中配置proxy_pass路径以及upstream保证能够访问到正确的路径

upstream 100_api{
    #ip_hash;
    server 服务器IP:后台程序端口;
}

 location /api{
              proxy_set_header        Host                            $host:$server_port;
              proxy_set_header    X-Real-IP           $remote_addr;
              proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
              proxy_set_header        X-Forwarded-Host        $host;
              proxy_set_header        X-Forwarded-Server      $host;
              proxy_http_version 1.1;
                proxy_connect_timeout 60s;
                proxy_send_timeout 60s;
                proxy_read_timeout 100s;
            add_header Access-Control-Allow-Methods *;          
          #预检命令的缓存，如果不缓存每次会发送两次请求         
              add_header Access-Control-Max-Age 3600;         
         #带cookie请求需要加上这个字段，并设置为true         
            add_header Access-Control-Allow-Credentials true;

        proxy_pass        http://100_api;
 }

     location / {
            root  静态资源的绝对路径;
            index  index.html index.htm;
        }

2.配置代理服务器则需要将server里的server_name配置为需要代理的服务器

 server {
        listen       80;
        server_name  需要代理的服务器IP或者域名;

}