CORS使用nginx代理转发

对于resource跨域请求的解决方案(facebook/youtube等),可使用nginx代理转发请求

Get: http://ip/res/[res_url]

location /res/ {
    # auth_request /auth;
    resolver 114.114.114.114 8.8.8.8 valid=3600s;
 
    if ($request_uri ~* "/res/(.*)") {
        set $proxy_url $1;
    }

    # get image url
    set $is_matched 0;
    if ($proxy_url ~* "^(http)(s?):\/\/?([a-zA-Z0-9\-\.]+:?\d*)([^\?]*)") {
        set $is_matched 1;
        set $proxy_protocol http$2;
        set $proxy_host $3;
        set $proxy_uri $4;
        set $proxy_url $proxy_protocol://$proxy_host$proxy_uri;
            proxy_pass $proxy_url$is_args$args;
    }
}

对于http://ip/res?url=[res_url]请求,nginx参数$arg_url已经被urlencoder,并且nginx内置模块没办法urldecoder,转发请求会有问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
跨域是指在浏览器中发起不同源(即不同协议、域名或端口)之间的网络请求时,由于浏览器的安全策略限制,会出现请求被拦截的情况。为了解决跨域问题,可以通过在服务器端进行反向代理来实现跨域请求。 Nginx是一个高性能的HTTP和反向代理服务器。在处理跨域问题时,可以使用Nginx进行反向代理转发请求。假设有两个不同域名的网站 A 和 B,A 需要获取 B 中的某个资源。 首先,在Nginx配置文件中设置跨域请求的规则。可以使用 `add_header` 指令设置 `Access-Control-Allow-Origin` 响应头,将合法的域名添加到该头中,以允许指定的域名跨域访问。 然后,配置 Nginx 实现请求的反向代理转发。在 Nginx配置文件中,使用 `location` 指令来指定要转发的请求路径,并使用 `proxy_pass` 指令将请求转发到目标服务器的地址。同时,可以设置 `proxy_set_header` 指令来传递请求头信息。 最后,重启或重新加载 Nginx 服务让配置文件生效,并测试跨域请求。当浏览器发起跨域请求时,Nginx 接收到请求后会将其转发到目标服务器,再将响应返回给浏览器。由于 Nginx 的反向代理设置了合法的跨域请求头,浏览器就会允许跨域访问,从而解决了跨域问题。 需要注意的是,为了保证安全性,应该仔细配置 Nginx 的访问权限,避免未授权的访问。此外,还应该遵守跨域请求的安全策略,尽量减少跨域请求的频率,使用合适的跨域请求技术,例如 JSONP、CORS 等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值