通过nginx和cors解决跨域问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了通过nginx和cors解决跨域问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1290字，纯文字阅读大概需要2分钟。

内容图文

一、跨域产生的原因

跨域问题是浏览器对于ajax请求的一种安全限制：一个页面发起的ajax请求，只能与当前页域名相同，这能有效阻止跨站攻击。
但是这却给我们的开发带来了不便，而且在实际生产环境中，肯定会有很多台服务器之间交互，地址和端口都可能不同，怎么办？

二、解决方案

1、通过nginx反向代理方式：

location / {  
    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';

    if ($request_method = 'OPTIONS') {
        return 204;
    }
} 

2、通过Cors解决

@Bean
    public CorsFilter corsFilter() {

        // 初始化cors配置对象
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        // 如果携带cookie，不能为*
        corsConfiguration.addAllowedOrigin("http://manage.leyou.com");
        // 允许携带cookie
        corsConfiguration.setAllowCredentials(true);
        // 允许所有请求方法
        corsConfiguration.addAllowedMethod("*");
        // 允许携带任何头信息
        corsConfiguration.addAllowedHeader("*");

        // 初始化cors配置源对象
        UrlBasedCorsConfigurationSource configurationSource = new UrlBasedCorsConfigurationSource();
        configurationSource.registerCorsConfiguration("/**", corsConfiguration);

        // 返回corsFilter示例，参数：cors配置源对象
        return new CorsFilter(configurationSource);
    }

内容总结

以上是互联网集市为您收集整理的通过nginx和cors解决跨域问题全部内容，希望文章能够帮你解决通过nginx和cors解决跨域问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---