javascript - 보안 API (기본 인증)에 아약스를 사용하여 이미지를 표시 할 수 없음

브라우저는 초기 요청이 완료되기 전에 서버에 OPTIONS 호출을 보냅니다. 이 통화/종료 점이 존재하고 이와 같은 여러 가지가 있으면이 통화를 수행 할 수 있는지 확인합니다.

또한 확인 : https://www.html5rocks.com/static/images/cors_server_flowchart.png

Spring Boot를 사용하는 경우 CORS 구성에서 OPTIONS 호출을 허용해야합니다. 예 :

@EnableWebSecurity
@Configuration
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
  @Override
  protected void configure(HttpSecurity http) throws Exception {
    http
        .httpBasic()
    .and()
        .cors().configurationSource(corsConfigurationSource())
        .and()
        .csrf().disable()
    .authorizeRequests()
        .antMatchers(HttpMethod.OPTIONS).permitAll() // allow CORS option calls 
        .antMatchers("/**").permitAll();
  }
  @Bean
  CorsConfigurationSource corsConfigurationSource() {
    CorsConfiguration configuration = new CorsConfiguration();
    configuration.setAllowedOrigins(Arrays.asList("*"));
    configuration.setAllowedMethods(Arrays.asList("*"));
    configuration.setAllowedHeaders(Arrays.asList("*"));
    configuration.setAllowCredentials(true);
    UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
    source.registerCorsConfiguration("/**", configuration);
    return source;
  }
}