nginx的代理和处理前端请求跨域

接 nginx服务器配置

nginx反向代理

这里截个图，简单说明一下什么是反向代理

可以理解为代理作为中转站，把网络请求转发到各个服务器，服务器返回给nginx再发出。

nginx代理配置

http {
    #代理地址
    upstream edit {
         server 192.168.1.1:8087;
    }
    server {
            listen 80;
            server_name www.host.com;
            root D:/dist;
            index  index.html index.htm;
            location /edit/ {
                 proxy_pass http://edit/;
            }
    }
}

nginx代理配置十分简单，上述代码中的proxy_pass即代表代理的url
e.g.
接口地址为 http://192.168.1.1:8087/getUserInfo
前端对应地址 http://192.168.1.1:80/edit/getUserInfo
通过nginx的代理，前端即实现了跨域请求。