nginx反向代理解决跨域问题，使本地调试更方便

我们可能都会遇到一个这样的问题，线上环境是https://...，本地启动了项目，域名是localhost:8000等，本地想要访问线上的接口，直接在本地调试，却提示跨域，这个时候我们可以配置nginx，反向代理到本地，这样可以直接在谷歌浏览器里调试线上问题。

nginx配置

语法规则： location [=|~|~*|^~] /uri/ { … }

= 开头表示精确匹配

^~ 开头表示uri以某个常规字符串开头，理解为匹配 url路径即可。nginx不对url做编码，因此请求为/static/20%/aa，可以被规则^~ /static/ /aa匹配到（注意是空格）。

~ 开头表示区分大小写的正则匹配

~* 开头表示不区分大小写的正则匹配

!~和!~*分别为区分大小写不匹配及不区分大小写不匹配 的正则

/ 通用匹配，任何请求都会匹配到。

多个location配置的情况下匹配顺序为（参考资料而来，还未实际验证，试试就知道了，不必拘泥，仅供参考）：

首先匹配 =，其次匹配^~, 其次是按文件中顺序的正则匹配，最后是交给 / 通用匹配。当有匹配成功时候，停止匹配，按当前匹配规则处理请求。

location = / {  //根目录
   #规则A
}
location = /login {   //接口名称等于/login
   #规则B
}
location ^~ /static/ {   //接口名称包含/static/
   #规则C
}
location ~ \.(gif|jpg|png|js|css)$ { //接口是以.gif等结尾的 区分大小写
   #规则D
}
location ~* \.png$ {  //不区分大小写，并以.png结尾
   #规则E
}
location !~ \.xhtml$ {  
   #规则F
}
location !~* \.xhtml$ {  // ! 非 的存在
   #规则G
}
location / {  //作为一个default的存在  如果以上都不匹配，则走这里

   #规则H

}

那么产生的效果如下：

访问根目录/， 比如http://localhost/ 将匹配规则A

访问 http://localhost/login 将匹配规则B，http://localhost/register 则匹配规则H

访问 http://localhost/static/a.html 将匹配规则C

访问 http://localhost/a.gif, http://localhost/b.jpg 将匹配规则D和规则E，但是规则D顺序优先，规则E不起作用，而 http://localhost/static/c.png 则优先匹配到 规则C

访问 http://localhost/a.PNG 则匹配规则E， 而不会匹配规则D，因为规则E不区分大小写。

访问 http://localhost/a.xhtml 不会匹配规则F和规则G，http://localhost/a.XHTML不会匹配规则G，因为不区分大小写。规则F，规则G属于排除法，符合匹配规则但是不会匹配到，所以想想看实际应用中哪里会用到。

访问 http://localhost/category/id/1111 则最终匹配到规则H，因为以上规则都不匹配，这个时候应该是nginx转发请求给后端应用服务器，比如FastCGI（php），tomcat（jsp），nginx作为方向代理服务器存在。

以下是一个配置的简单栗子：

server {

listen 80; #监听80端口，可改为其他的

server_name manage.crm; #自定义的域名

charset utf-8;

index /index.html;

add_header 'Access-Control-Allow-Origin' *; #添加允许跨域的头部信息

#重定向#rewrite ^/ http://229492634.miss-xia-property-manage.club/; #重定向到某个网址

location ^~ /fee/ { #接口里包含/fee/的，前面域名都换成以下内容

proxy_pass https://229492634.miss-xia-property-manage.club;

}

location / { #匹配不到的接口都是以下域名

proxy_pass http://localhost:8000;

}

}

其他更详细的内容可以查看nginx文档，简单的一个nginx配置就可以帮助我们解决调试的问题~