[Spring] Access-Control-Allow-Origin 에러

Spring 기반 Server Rest API 를 javascript 로 테스트 도중  다음과 같은 에러가 발생(크롬)

로컬 개발 서버에서는 Success, 원격 배포 서버에서는 Fail.

index.html:1 Access to XMLHttpRequest at 'http://원격지:8080/abc/' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
index2.html:154 {readyState: 0, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, override

 

 

Server side solution)

1. 

@Configuration 
public class WebMvcConfig implements WebMvcConfigurer { 
 
    @Override 
     public void addCorsMappings(CorsRegistry registry) { 
        registry.addMapping("/**").allowedOrigins("*"); 
   } 
}
 

 or

 

2.

 @Bean 
 public CorsConfigurationSource corsConfigurationSource() { 
CorsConfiguration configuration = new CorsConfiguration(); 
configuration.addAllowedOrigin("*");  // CORS 요청 허용 Site
configuration.addAllowedMethod("*");  // CORS 요청 허용 Method Type (e.g. GET,PUT,POST) 
configuration.addAllowedHeader("*"); // 특정 헤더 CORS 요청 허용
configuration.setAllowCredentials(true); // 자격증명과 함께 요청 여부 (Authorization로 사용자 인증 사용 시 true)
configuration.setMaxAge(3600L); // preflight request cache time
  
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); 
source.registerCorsConfiguration("/**", configuration); 
return source; 
}
 
 

 

refrence link

https://brunch.co.kr/@adrenalinee31/1

javascript ajax 크로스도메인 요청-CORS

https://spring.io/guides/gs/rest-service-cors/

Enabling Cross Origin Requests for a RESTful Web Service