zoukankan      html  css  js  c++  java
  • java 解决nginx代理的跨域访问问题

    一、什么是跨域

      跨域是浏览器对JavaScript同源策略的限制

    二、什么情况下会产生跨域

    域名不同 wwww.baidu.com www.jd.com
    域名相同,访问的端口不同 wwww.baidu.com:8080 wwww.baidu.com:8081
    一级域名相同,二级域名不用 map.baidu.com pan.baidu.com

    三、为什么会产生跨域问题

      跨域不一定都会有跨域问题,因为跨域问题是浏览器对于ajax请求的一种安全限制:一个页面发起的ajax请求,只能是与当前页域名相同的路径,这能有效的阻止跨站攻击。

    因此:跨域问题 是针对ajax的一种限制。

    四、如何解决跨域问题

        1、在nginx下的nginx.conf文件中配置要访问的域名和端口号,比如:

      

    server {
            listen       80;
            server_name  aaaa.com;
    
            proxy_set_header X-Forwarded-Host $host;
            proxy_set_header X-Forwarded-Server $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            
            location / {
                proxy_pass http://127.0.0.1:8888;
                proxy_connect_timeout 600;
                proxy_read_timeout 600;
            }
        }
        server {
            listen       80;
            server_name  bbbb.com;
    
            proxy_set_header X-Forwarded-Host $host;
            proxy_set_header X-Forwarded-Server $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            
            location / {
                proxy_pass http://127.0.0.1:9999;
                proxy_connect_timeout 600;
                proxy_read_timeout 600;
            }
        }

    在nginx的配置文件中配置了两个域名,aaaa.com和bbbb.com,分别通过8888和9999两个端口来访问它们,端口的域名都要是项目中使用的域名,不可随意取。

      2、在hosts文件中把域名和对应的ip配置好,如:

    127.0.0.1 aaaa.com
    127.0.0.1 aaaa.com

      这里配置的域名要和ngnix中配置的域名相同

      3、在项目中定义一个过滤器,让数据可以进行跨域访问

      

    @Configuration
    public class LeyouCorsConfig {
    
        @Bean
        public CorsFilter corsFilter(){
            //初始化Cors配置对象
            CorsConfiguration configuration = new CorsConfiguration();
            configuration.setAllowCredentials(true);//允许携带cookie
            configuration.addAllowedOrigin("http://manage.leyou.com");//允许这个域名进行跨域访问
            configuration.addAllowedHeader("*");//允许携带任何头信息
            configuration.addAllowedMethod("*");//代表所有的请求方法:POST GET PUT Delete
    
            //初始化Cors配置源对象
            UrlBasedCorsConfigurationSource configurationSource = new UrlBasedCorsConfigurationSource();
            configurationSource.registerCorsConfiguration("/**", configuration);//所有路径都需要解决跨域路径访问问题
    
            //返回CorsFilter
            System.out.println("可以进行跨域操作了=============================");
            return new CorsFilter(configurationSource);
    
        }
    
    
    }
  • 相关阅读:
    打包下载,byte[] ,
    .net mvc 异常处理 IExceptionFilter,保存请求参数
    c# webapi websocket 服务端消息发送
    mailkit用163发邮件
    使用OPCAutomation实现对OPC数据的访问,“对 COM 组件的调用返回了错误 HRESULT E_FAIL”错误
    .net core 获取客户端ip
    C#读取OPC server
    Makedown语言常用语法
    ops:Rsync和Scp区别
    ops:Linux /bin,/sbin,/usr/sbin, /usr/local/bin区别
  • 原文地址:https://www.cnblogs.com/rao11/p/11861150.html
Copyright © 2011-2022 走看看