跨域问题的解决-gateway跨域接解决方案，使用CorsWebFilter

男娘i 2022-11-07 11:40 292阅读 0赞

关于跨域问题请先看我的另一篇文章：  
[https://blog.csdn.net/fsjwin/article/details/114444826][https_blog.csdn.net_fsjwin_article_details_114444826]

这里再列举出一种编码方式，（注意不是nginx的解决方案）是通过编码的方式告诉浏览器可以跨域访问了。

# 1. 在网关服务中添加Filter #

@Component
    public class MyCorsConfiguration { 
    
        /** * * @return CorsWebFilter 为愧于的webfilter 有spring框架提供 */
        @Bean
        public CorsWebFilter corsWebFilter(){ 
    
            /** * 返回一个CorsWebFilter ，构造其中需要传入连个形参，均为接口，可以直接new 接口 * 是借口可以使用它的实现类来处理 */
            UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
    
            //构建CorsConfiguration
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("*");
            corsConfiguration.addAllowedMethod("*");
            corsConfiguration.addAllowedHeader("*");
            // 允许cookie跨域
            corsConfiguration.setAllowCredentials(true);
    
            urlBasedCorsConfigurationSource.registerCorsConfiguration("/**",corsConfiguration);
            return new CorsWebFilter(urlBasedCorsConfigurationSource);
        }
    
    }

CorsWebFilter ：是有spring提供的过滤器，会在请求到来之前和返回时经过这个过滤器，放入spring的容器中即可生效。

# 2. 在网关服务中添加Filter #

跨域访问分两次

1.  第一次options请求，此时请求到达gateway，网关在相应报文中告诉浏览器可以跨域：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zzandpbg_size_16_color_FFFFFF_t_70]
2.  浏览器发起真正的请求，则可以跨域，原理是跨域是浏览器的策略。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zzandpbg_size_16_color_FFFFFF_t_70 1]  
    这是通过编码的方式骗过浏览器的解决方案，在生产上使用nginx代理的方式解决。

[https_blog.csdn.net_fsjwin_article_details_114444826]: https://blog.csdn.net/fsjwin/article/details/114444826
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zzandpbg_size_16_color_FFFFFF_t_70]: /images/20221023/42ea1eb9fe7b45e28cdbf32ff70c2540.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Zzandpbg_size_16_color_FFFFFF_t_70 1]: /images/20221023/0d09d0185e17467c860d98b7bfc12b0d.png