• 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配置就可以帮助我们解决调试的问题~


  • 相关阅读:
    C# List<T>用法(转)
    任务列表 (Visual Studio)
    TSQL行转列、列转行
    HRESULT:0x80070057 (E_INVALIDARG)的异常的解决方案(转)
    JS正则表达式详解(转)
    Windows远程登录命令
    JavaScript中的try...catch和异常处理(转)
    javascript如何触发button 的click事件
    在ASP.NET中利JavaScript实现控件的聚焦(转)
    输入一个字符串,将其逆序后输出。(使用C++,不建议用伪码)
  • 原文地址:https://www.cnblogs.com/gwf93/p/10295118.html
Copyright © 2020-2023  润新知