2016-11-30 2 views
0

영웅 튜토리얼의 Angular 2 둘러보기를 T로 따라갔습니다. 영웅의 표시를 성공적으로 구현했습니다 (직원 이름이 바뀌 었습니다).각도 2, 로컬 호스트에서 읽을 수 없습니다.

그러나이 튜토리얼은 메모리 모의 웹 서버를 사용합니다. 내가 온라인 웹 API를 사용하기로 결정한 경우, 예를 들어, 그러나

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

: 내 봄 부팅 백엔드에서 JSON (표시) 로컬 호스트 URL을 통과 할 때,이 오류가

https://jsonplaceholder.typicode.com/users

그럼 완벽하게 작동합니다.

도움을 주시면 감사하겠습니다.

+0

본다. –

+0

API CORS를 사용하도록 설정해야합니다. –

+0

@RavinderKumar 예, 고맙습니다. 문제였습니다. 아래 해결 방법으로 추가했습니다. – Razor88

답변

1

실제로 중복 질문이있었습니다 (아무도 내 문제를 해결하지 못했기 때문에 게시했습니다). 그들 중의 1 명은 바른 길에 나를 뒀다. 방금 넣어야했습니다.

@CrossOrigin(origin ="http://localhost:3000") 

스프링의 컨트롤러 클래스 상단에 있습니다. 이것은 봄철 CORS를 가능하게했습니다.

자세한 내용은 최소 20 개 중복 된 질문이 여기

https://spring.io/blog/2015/06/08/cors-support-in-spring-framework

관련 문제