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无效的解决办法
转载注明:http://csruizhi.cn/article/gcpsgh.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 网站建设方案 企业网站设计 LED网站设计方案 重庆企业网站建设 成都网站制作 重庆手机网站建设 古蔺网站建设 响应式网站设计方案 成都定制网站建设 成都网站建设公司 泸州网站建设 四川成都网站设计 成都网站建设公司 四川成都网站制作 广安网站设计 专业网站建设 成都h5网站建设 重庆网站制作 重庆网站制作 成都网站建设公司 app网站建设 网站建设公司