SpringCloud gateway统一配置跨域

缺乏、安全感 2023-02-14 01:34 13阅读 0赞

场景：

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

![在这里插入图片描述][20200530132742200.png]

网关配置：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNDA5MjYw_size_16_color_FFFFFF_t_70 1]

并没有做跨域处理。  
如何解决，当然我们不应该对每一个请求单独的处理跨域，数量大多，我们只需要在网关模块下声明一个跨域配置即可

@Configuration
    public class MyCorsConfiguration { 
    
        @Bean
        public CorsWebFilter corsWebFilter(){ 
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            //1.配置跨域
            //允许哪种请求头跨域
            corsConfiguration.addAllowedHeader("*");
            //允许哪种方法类型跨域 get post delete put
            corsConfiguration.addAllowedMethod("*");
            // 允许哪些请求源跨域
            corsConfiguration.addAllowedOrigin("*");
            // 是否携带cookie跨域
            corsConfiguration.setAllowCredentials(true);
    
            //允许跨域的路径
            source.registerCorsConfiguration("/**",corsConfiguration);
            return new CorsWebFilter(source);
        }
    }

重启网关服务

![在这里插入图片描述][20200530133054786.png]

就解决了跨域。解决跨域的方式有很多，比如Nginx代理也能处理。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNDA5MjYw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200530132725711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNDA5MjYw,size_16,color_FFFFFF,t_70
[20200530132742200.png]: https://img-blog.csdnimg.cn/20200530132742200.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNDA5MjYw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200530132824350.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNDA5MjYw,size_16,color_FFFFFF,t_70
[20200530133054786.png]: https://img-blog.csdnimg.cn/20200530133054786.png