Spring前後端クロスドメイン要求設定コード例


前後端項目が分離され、ドメイン間要求時、バックエンドの2つの構成方式:
1.配置クラス:

package com.helq3.config;

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;

/**
 *       
 */
@Configuration
public class CorsConfig {
  private CorsConfiguration buildConfig(){

    CorsConfiguration configuration = new CorsConfiguration();
    //    
    //         ,*    
    configuration.addAllowedOrigin("*");
    //        
    configuration.addAllowedHeader("*");
    //         
    configuration.addAllowedMethod("*");
    //                  session
    configuration.setAllowCredentials(true);
    return configuration;
  }
  @Bean
  public CorsFilter corsFilter(){
    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    source.registerCorsConfiguration("/**",buildConfig());
    return new CorsFilter(source);
  }
}
2.Controller上に配置する
@CrossOrigin(oricgins=「*」、allowedHeaders=「*」、methods={}、allowCredentials=「true」)
public class TestController{
)
3.Ant Design Vueでは、src/util/request.jsで増加します。axios.defaults.withCredentials = true以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。