分布式项目中的跨域问题

左手的ㄟ右手 2022-12-04 03:26 36阅读 0赞

## 分布式项目中的跨域问题 ##

#### 一.什么时候产出跨域? ####

##### 当浏览器访问服务时(网关),ip 端口 协议一个不同就会产生跨域问题 #####

#### 二.跨域请求原理 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzU1NTM4MA_size_16_color_FFFFFF_t_70_pic_center]

#### 三.解决跨域问题 ####

##### 在Zuul网关启动类加上以下配置即可 #####

@SpringBootApplication
    @EnableZuulProxy
    public class ZuulServerAPP { 
       public static void main(String[] args) { 
           SpringApplication.run(ZuulServerAPP.class,args);
       }
    	//解决跨域问题
        @Bean
        public CorsFilter corsFilter() { 
            final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            final CorsConfiguration config = new CorsConfiguration();
            // 允许cookies跨域
            config.setAllowCredentials(true);
            // #允许向该服务器提交请求的URI，*表示全部允许，在SpringMVC中，如果设成*，会自动转成当前请求头中的Origin
            config.addAllowedOrigin("*");
            // #允许访问的头信息,*表示全部
            config.addAllowedHeader("*");
            // 预检请求的缓存时间（秒），即在这个时间段里，对于相同的跨域请求不会再预检了
            config.setMaxAge(18000L);
            // 允许提交请求的方法，*表示全部允许
            config.addAllowedMethod("OPTIONS");
            config.addAllowedMethod("HEAD");
            // 允许Get的请求方法
            config.addAllowedMethod("GET");
            config.addAllowedMethod("PUT");
            config.addAllowedMethod("POST");
            config.addAllowedMethod("DELETE");
            config.addAllowedMethod("PATCH");
            source.registerCorsConfiguration("/**", config);
            return new CorsFilter(source);
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NzU1NTM4MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/71315a75370946e3bbaa6d9c36a1b6aa.png