Nginx跨域设置Access-Control-Allow-Origin无效的解决办法

nginx 版本 1.11.3

创新互联公司专注于企业营销型网站建设、网站重做改版、应县网站定制设计、自适应品牌网站建设、H5场景定制商城建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为应县等各大城市提供网站开发制作服务。

使用大家说的以下配置,验证无效,跨域问题仍然存在

add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET,POST';

使用以下配置,生效。

if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
       }
       if ($request_method = 'POST') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
       }
       if ($request_method = 'GET') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
       }

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对创新互联的支持。如果你想了解更多相关内容请查看下面相关链接


文章题目:Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
链接URL:http://csruizhi.cn/article/gcpsgh.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 手机网站制作 手机网站制作设计 手机网站设计 网站制作 成都网站设计 成都商城网站建设 响应式网站设计 四川成都网站设计 网站设计制作报价 阿坝网站设计 成都网站建设 成都网站制作公司 外贸网站设计方案 品牌网站建设 网站制作公司 重庆网站制作 成都模版网站建设 成都网站制作 高端网站设计推广 网站建设 泸州网站建设 成都网站建设