nginx反向代理解决前台调用接口跨域问题

1.修改nginx配置文件:

在server中添加下面内容

	location /test/ {
		    proxy_redirect off;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		    proxy_pass http://192.168.10.10:8082/test2/;
        }

2.重启nginx

/usr/local/nginx/sbin/nginx           //启动
/usr/local/nginx/sbin/nginx -s stop   //停止
/usr/local/nginx/sbin/nginx -s reload //重启

说明:本地nginx地址是127.0.0.1,端口号80,现前台直接调用192.168.10.10服务器上http://192.168.10.10:8082/test2/接口,会报跨域请求问题。nginx反向代理后,访问http://127.0.0.1/test/service接口,代理访问http://192.168.10.10:8082/test2/service接口,解决跨域问题。

正向代理代理客户端,反向代理代理服务器反向代理,其实客户端对代理是无感知的,因为客户端不需要任何配置就可以访问,我们只需要将请求发送到反向代理服务器,由反向代理服务器去选择目标服务器获取数据后,再返回给客户端,暴露的是代理服务器地址,隐藏了真实服务器IP地址。

注意:需要修改前台调用接口url,配置成http://127.0.0.1/test

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值