通过Nginx代理转发配置实现跨域的⽅法（API代理转发）前⾔
在WEB开发中，我们经常涉及到跨域的请求，解决跨域问题的⽅式有很多，⽐如有window.name、iframe、JSONP、CORS 等等，就不详细展开了，涉及到协议、端⼝不⼀样的跨域请求⽅式是采⽤代理，这⾥我们重点聊聊Nginx代理的⽅式。
这种情况的请求就涉及到端⼝不⼀样的跨域了，那么我们可以利⽤Nginx代理请求。
Nginx代理配置参考
⾸先到Nginx配置⽂件：
Windows下路径就是你安装Nginx⽬录下，⽐如我的放在C盘根⽬录，那就是：c:\nginx\f
Mac系统配置⽂件路径在: /usr/local/etc/f, Finder下通过Shift+Command+G，输⼊/usr/local/etc/nginx/进⼊该⽬录。
在Nginx配置⽂件中添加如下配置：
server {
listen 80;
server_name 127.0.0.1;
location / {
proxy_pass 127.0.0.1:3000;
}
location ~ /api/ {
proxy_pass 172.30.1.123:8081;
}
}
上⾯的配置的可以理解为：
完成
优化：
基本的代理功能就像上⾯如此简单的配置即可。
但是，当我们需要获取真实IP的业务时，还需要添加关于真实IP的配置，如下：
server {
listen 80;
server_name 127.0.0.1;
location / {
proxy_pass 127.0.0.1:3000;
proxy_set_header Host $host:80;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location ~ /api/ {
proxy_pass 172.30.1.123:8081;
proxy_set_header Host $host:80;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
proxy_set_header这个配置是改变HTTP的请求头，⽽Host是请求的主机名，X-Real-IP是请求的真实IP，X-Forwarded-For表⽰请求是由谁发起的。
因为我们的Nginx在这⾥属于代理服务器，通过proxy_set_header配置这些信息⽬的是让服务端获取到真实的请求头。
友情提⽰：
Nginx每⼀条配置语句后⾯都必须要加分好; 否则会报配置错误，⾃⼰还⼀脸懵逼。
拓展
绑定host
如果你觉得输⼊IP访问不爽那你可以⾃⼰修改host，推荐host修改神器：SwitchHosts。
host修改参考：
127.0.0.1 www.domain  #改成你需要的任何域名
如果绑定了host，在Nginx配置中当然也可以直接配置你指定的域名，譬如：
server {
listen 80;
server_name www.domain; #这⾥将IP改成你的域名
#...
}
关于location
上⾯的配置你可能会对localtion后⾯的配置感到疑惑，关于localtion后⾯的常⽤的需求有：
localtion / {
# 所有请求都匹配以下规则
# 因为所有的地址都以 / 开头，所以这条规则将匹配到所有请求
# xxx 你的配置写在这⾥
}
location = / {
# 精确匹配 / ，后⾯带任何字符串的地址都不符合
}
localtion /api {
# 匹配任何 /api 开头的URL，包括 /api 后⾯任意的, ⽐如 /api/getList
# 匹配符合以后，还要继续往下搜索
nginx 配置文件# 只有后⾯的正则表达式没有匹配到时，这⼀条才会采⽤这⼀条
}
localtion ~ /api/abc {
# 匹配任何 /api/abc 开头的URL，包括 /api/abc 后⾯任意的, ⽐如 /api/abc/getList
# 匹配符合以后，还要继续往下搜索
# 只有后⾯的正则表达式没有匹配到时，这⼀条才会采⽤这⼀条
}
以/ 通⽤匹配, 如果没有其它匹配，任何请求都会匹配到
=开头表⽰精确匹配
如 A 中只匹配根⽬录结尾的请求，后⾯不能带任何字符串。
^~ 开头表⽰uri以某个常规字符串开头，不是正则匹配
~ 开头表⽰区分⼤⼩写的正则匹配;
~* 开头表⽰不区分⼤⼩写的正则匹配
更多详细localtion的正则匹配规则可参考：
后记
笔者也是Nginx的初级使⽤者，希望通过通俗易懂的⽅式记录这些知识，分享给有需要的⼈，⼀起钻研学习，如有纰漏，欢迎指正，谢谢！
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值，谢谢⼤家对的⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。