2021-06-23

记一次跨域问题

原因

前后分离，后端的我在杭州搬砖，前端突然去外省搬砖了，只能通过vpn联调，结果好死不死，前端本地调试一直报404，出现跨域问题

解决办法

1.配置nginx的跨域

可以配置在 server 或者 location 层级下，我配置在server目录下，你随意
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods *;
add_header Access-Control-Allow-Headers *;

2.配置后端跨域

@Configuration
@Slf4j
public class CorsConfig {

private CorsConfiguration buildConfig() {
    log.info("解决跨域问题");
    CorsConfiguration corsConfiguration = new CorsConfiguration();
    corsConfiguration.addAllowedOrigin("*");
    corsConfiguration.addAllowedHeader("*");
    corsConfiguration.addAllowedMethod("*");
    corsConfiguration.setAllowCredentials(true);
    return corsConfiguration;
}

@Bean
public CorsFilter corsFilter() {
    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    source.registerCorsConfiguration("/**", buildConfig());
    return new CorsFilter(source);
}

}