快捷導(dǎo)航

關(guān)于Gateway網(wǎng)關(guān)中配置跨域的三種方案

更新時(shí)間：2024年11月16日 09:52:48 作者：龍茶清歡

文章總結(jié)：介紹了三種處理跨域請(qǐng)求的方法：在Controller類上添加注解、通過配置類實(shí)現(xiàn)重寫WebMvcConfigurer接口和在配置文件中統(tǒng)一設(shè)置,希望這些方法能幫助讀者解決跨域問題

Gateway網(wǎng)關(guān)中配置跨域的三種方案

方法一

直接在每個(gè)Controller類上添加跨域注解

@CrossOrigin

方法二

通過配置類統(tǒng)一處理

@Configuration
public class CorsConfig {

    
    // 該配置適用于reactive響應(yīng)式環(huán)境
    @Bean
    public CorsWebFilter corsFilter() {
        CorsConfiguration config = new CorsConfiguration();
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        // springboot升級(jí)成2.4.0以上時(shí)對(duì)AllowedOrigin設(shè)置發(fā)生了改變，不能有”*“,可以替換成AllowedOriginPattern
        config.addAllowedOriginPattern("*");
        config.setAllowCredentials(true);

        // 必須是reactive包下的UrlBasedCorsConfigurationSource 
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());
        source.registerCorsConfiguration("/**", config);

        return new CorsWebFilter(source);


    // 該配置適用于servlet環(huán)境
    @Bean
    public CorsFilter corsFilter() {
        //1. 添加 CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //放行哪些請(qǐng)求方式
        config.addAllowedMethod("*");
        //放行哪些原始請(qǐng)求頭部信息
        config.addAllowedHeader("*");
        //放行哪些原始域
        config.addAllowedOriginPattern("*");
        //是否發(fā)送 Cookie
        config.setAllowCredentials(true);
        //2. 添加映射路徑
        UrlBasedCorsConfigurationSource corsConfigurationSource = new UrlBasedCorsConfigurationSource();
        corsConfigurationSource.registerCorsConfiguration("/**",config);
        //3. 返回新的CorsFilter
        return new CorsFilter(corsConfigurationSource);
    }

重寫WebMvcConfigurer接口的默認(rèn)方法

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedMethods("*")
                .allowedHeaders("*")
                .allowedOriginPatterns("*")
                .allowCredentials(true);
    }
}

方法三

在配置application.properties或者application.yml文件中進(jìn)行統(tǒng)一配置

spring:
  cloud:
    gateway:
      globalcors:
        cors-configurations:
          '[/**]':
            allowedMethods: "*"
            allowedHeaders: "*"
            allowedOriginPatterns: "*"
            allowCredentials: true