CORSFilter解决前端跨域请求问题

╰+哭是因爲堅強的太久メ 2023-06-21 12:29 17阅读 0赞

前后端分离的项目，测试的时候与前端联调的出现了跨域请求的问题。浏览器默认会向后端发送一个Options方式的请求，根据后端的响应来判断后端支持哪些请求方式，支持才会真正的发送请求

`No 'Access-Control-Allow-Origin' header is present on the requested resource.`错误，一般是由于CORS跨域验证机制设置不正确导致的。

我的项目是spring boot,所以配置就会很简单了，建立一个config文件夹，建立一个Configuration类即可，如图：

import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.cors.CorsConfiguration;
    import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
    import org.springframework.web.filter.CorsFilter;
    
    /**
     * Created with IDEA
     * author:hanxiao
     * Date:2019/12/12
     * Time:11:01
     */
    @Configuration
    public class GlobalCorsConfig {
    
        @Bean
        public CorsFilter corsFilter() {
            //1.添加CORS配置信息
            CorsConfiguration config = new CorsConfiguration();
            //1) 允许的域,不要写*，否则cookie就无法使用了
            config.addAllowedOrigin("http://xxx.xxx.com");
         /*   config.addAllowedOrigin("http://api.xxx.com");*/
            config.addAllowedOrigin("*");
            //2) 是否发送Cookie信息
            config.setAllowCredentials(true);
            //3) 允许的请求方式
            config.addAllowedMethod("OPTIONS");
            config.addAllowedMethod("HEAD");
            config.addAllowedMethod("GET");
            config.addAllowedMethod("PUT");
            config.addAllowedMethod("POST");
            config.addAllowedMethod("DELETE");
            config.addAllowedMethod("PATCH");
            // 4）允许的头信息
            config.addAllowedHeader("*");
            // 4）有效时间
            config.setMaxAge(3600L);
    
            //2.添加映射路径，我们拦截一切请求
            UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
            configSource.registerCorsConfiguration("/**", config);
    
            //3.返回新的CorsFilter.
            return new CorsFilter(configSource);
        }
    }

config.addAllowedOrigin("http://manager.leyou.com");设置你要访问的域名为允许即可。这里我配置的是一个网关，当你的客户端请求发送过来是会拦截下来，设置为允许跨域访问。