No 'Access-Control-Allow-Origin' header is present on the requested resource.

XMLHttpRequest 를 이용하여 다른 도메인의 서비스를 호출하면 아래와 같은 오류를 직면하게 된다.

XMLHttpRequest cannot load http://example.com/login. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

web.xml 에 아래와 같이 필터를 추가하면 개발단계에서는 오류 해결은 가능. 운영 시에는 옵션 조정이 필요할 듯 하다.

<br/> <filter><br/> <filter-name>CorsFilter</filter-name><br/> <filter-class>org.apache.catalina.filters.CorsFilter</filter-class><br/> <init-param><br/> <param-name>cors.allowed.origins</param-name><br/> <param-value>*</param-value><br/> </init-param><br/> <init-param><br/> <param-name>cors.allowed.methods</param-name><br/> <param-value>GET,POST,HEAD,OPTIONS,PUT</param-value><br/> </init-param><br/> <init-param><br/> <param-name>cors.allowed.headers</param-name><br/> <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers</param-value><br/> </init-param><br/> <init-param><br/> <param-name>cors.exposed.headers</param-name><br/> <param-value>Access-Control-Allow-Origin,Access-Control-Allow-Credentials</param-value><br/> </init-param><br/> <init-param><br/> <param-name>cors.support.credentials</param-name><br/> <param-value>true</param-value><br/> </init-param><br/> <init-param><br/> <param-name>cors.preflight.maxage</param-name><br/> <param-value>10</param-value><br/> </init-param><br/></filter><br/><filter-mapping><br/> <filter-name>CorsFilter</filter-name><br/> <url-pattern>/*</url-pattern><br/></filter-mapping><br/>

출처:

http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html#CORS_Filter