利用 跨源资源共享(CORS) 解决跨域问题!!即在SpringBoot中配置接受跨域的请求
一、创建运行跨域请求的配置文件
参考自大佬:https://blog.csdn.net/pbrlovejava/article/details/86529796
CorsConfig
@Configuration
@EnableWebMvc
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
//允许所有形式的跨域请求
registry.addMapping("/**")
.allowedOrigins("*")
.allowCredentials(true)
.allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
.maxAge(3600);
}
//运行跨域,上线后注释掉
private CorsConfiguration buildConfig() {
CorsConfiguration corsConfiguration = new CorsConfiguration();
List<String> list = new ArrayList<>();
list.add("*");
corsConfiguration.setAllowedOrigins(list);
/*
// 请求常用的三种配置,*代表允许所有,当时你也可以自定义属性(比如header只能带什么,只能是post方式等等)
*/
corsConfiguration.addAllowedOrigin("*");
corsConfiguration.addAllowedHeader("*");
corsConfiguration.addAllowedMethod("*");
return corsConfiguration;
}
@Bean
public CorsFilter corsFilter() {
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", buildConfig());
return new CorsFilter(source);
}
}
二、加@CrossOrigin
需要跨域请求的Controller类或者方法前加@CrossOrigin
PS.若加@CrossOrigin后还不起作用,可能有以下几种情况:
1、请求错误
2、或者可以尝试在 @RequestMapping(“”)中指定具体的方式:POST、GET等
3、前后端跨域设置只保留一个即可,不能同时存在