spring cloud如何解決前端跨域問題

這篇文章主要為大家展示了“spring cloud如何解決前端跨域問題”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“spring cloud如何解決前端跨域問題”這篇文章吧。

解決方案一：在Controller上添加@CrossOrigin注解

使用方式如下：

@CrossOrigin // 注解方式 
@RestController 
public class HandlerScanController { 
   
   
  @CrossOrigin(allowCredentials="true", allowedHeaders="*", methods={RequestMethod.GET, 
      RequestMethod.POST, RequestMethod.DELETE, RequestMethod.OPTIONS, 
      RequestMethod.HEAD, RequestMethod.PUT, RequestMethod.PATCH}, origins="*") 
  @PostMapping("/confirm") 
  public Response handler(@RequestBody Request json){ 
     
    return null; 
  } 
}

解決方案二：全局配置

代碼如下：

@Configuration 
  public class MyConfiguration { 
 
    @Bean 
    public WebMvcConfigurer corsConfigurer() { 
      return new WebMvcConfigurerAdapter() { 
        @Override 
        public void addCorsMappings(CorsRegistry registry) { 
          registry.addMapping("/**") 
          .allowCredentials(true) 
          .allowedMethods("GET"); 
        } 
      }; 
    } 
  }

解決方案三：結(jié)合Filter使用

在spring boot的主類中，增加一個(gè)CorsFilter 

/** 
   * 
   * attention:簡單跨域就是GET，HEAD和POST請(qǐng)求，但是POST請(qǐng)求的"Content-Type"只能是application/x-www-form-urlencoded, multipart/form-data 或 text/plain 
   * 反之，就是非簡單跨域，此跨域有一個(gè)預(yù)檢機(jī)制，說直白點(diǎn)，就是會(huì)發(fā)兩次請(qǐng)求，一次OPTIONS請(qǐng)求，一次真正的請(qǐng)求 
   */ 
  @Bean 
  public CorsFilter corsFilter() { 
    final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); 
    final CorsConfiguration config = new CorsConfiguration(); 
    config.setAllowCredentials(true); // 允許cookies跨域 
    config.addAllowedOrigin("*");// #允許向該服務(wù)器提交請(qǐng)求的URI，*表示全部允許，在SpringMVC中，如果設(shè)成*，會(huì)自動(dòng)轉(zhuǎn)成當(dāng)前請(qǐng)求頭中的Origin 
    config.addAllowedHeader("*");// #允許訪問的頭信息,*表示全部 
    config.setMaxAge(18000L);// 預(yù)檢請(qǐng)求的緩存時(shí)間（秒），即在這個(gè)時(shí)間段里，對(duì)于相同的跨域請(qǐng)求不會(huì)再預(yù)檢了 
    config.addAllowedMethod("OPTIONS");// 允許提交請(qǐng)求的方法，*表示全部允許 
    config.addAllowedMethod("HEAD"); 
    config.addAllowedMethod("GET");// 允許Get的請(qǐng)求方法 
    config.addAllowedMethod("PUT"); 
    config.addAllowedMethod("POST"); 
    config.addAllowedMethod("DELETE"); 
    config.addAllowedMethod("PATCH"); 
    source.registerCorsConfiguration("/**", config); 
    return new CorsFilter(source); 
  }

當(dāng)然，如果微服務(wù)多的話，需要在每個(gè)服務(wù)的主類上都加上這么段代碼，這違反了DRY原則，更好的做法是在zuul的網(wǎng)關(guān)層解決跨域問題，一勞永逸。

以上是“spring cloud如何解決前端跨域問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！