nginx配置CORS跨域

最新推荐文章于 2025-03-15 10:13:02 发布

finder_cs

最新推荐文章于 2025-03-15 10:13:02 发布

阅读量219

点赞数

本文链接：https://blog.youkuaiyun.com/finder_cs/article/details/107426534

版权

CORS的介绍可以参考

http://www.ruanyifeng.com/blog/2016/04/cors.html

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Simple_requests

总体来说就是在options请求和get，post等请求中都需要增加allow headers来告知浏览器，允许该请求跨域。

    location ^~/test/ {
    add_header Access-Control-Max-Age 100;
    add_header Access-Control-Allow-Origin '*';
    add_header Access-Control-Allow-Methods 'GET,POST,OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,deviceId,msgId,serviceToken,tradeToken,agent,khbz,appSign';
    if ($request_method = 'OPTIONS') {
        return 200;
    }
    
    return 200 "hello world"    

    }

在nginx的对应的location里添加所需的header即可。

然后编写简单的包含跨域的html脚本进行测试即可

除了在nginx增增加跨域配置外，其实也可以在web服务层增加配置，比如java服务，nodejs服务层，这块根据自己的实际需要进行处理即可