Spring前後端クロスドメイン要求設定コード例
前後端項目が分離され、ドメイン間要求時、バックエンドの2つの構成方式:
1.配置クラス:
@CrossOrigin(oricgins=「*」、allowedHeaders=「*」、methods={}、allowCredentials=「true」)
public class TestController{
)
3.Ant Design Vueでは、src/util/request.jsで増加します。
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
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。