교차 원점 요청이 차단됨 : 동일한 원점 정책이 http : // xxx : xx/register에서 원격 리소스를 읽지 못하도록합니다.

Question

이 프로젝트는 인증을 위해 angular2 j의 angular2-authentication-sample을 따르고 있습니다. Signup Endpoint에 요청할 때이 문제가 발생합니다. Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8000/api/auth/register. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

나는 다른 질문을 확인하고 headers에 여분의 머리글을 추가했습니다.

headers.ts

import { Headers } from '@angular/http'; 

export const contentHeaders = new Headers(); 
contentHeaders.append('Accept', 'application/json'); 
contentHeaders.append('Content-Type', 'application/json'); 
contentHeaders.append('Access-Control-Allow-Origin', '*'); 
contentHeaders.append('Access-Control-Request-Method', '*'); 
contentHeaders.append('Access-Control-Allow-Methods', ''); 
contentHeaders.append('Access-Control-Request-Headers', 'Origin, Content-Type, Accept'); 

나는이 CROS 문제를 풀기가 할 수 아니에요.

Answer 1

이 문제는 서버 측에서 해결해야합니다. localhost 각 응용 프로그램에서 호출하는 서비스를 제공하는 서버입니다.

귀하의 설명을 이해하는 경우 귀하의 클라이언트 측 응용 프로그램에 헤더 구성을 추가하려고합니다. 그러나 CORS 공유를 허용하기 위해 일부 헤더가 서버에 추가되어야합니다.

서버가 웹 브라우저를 사용하여 해당 정보를 읽어 허용 기원의 집합을 설명 할 수 있도록 새로운 HTTP 헤더를 추가하여 간 리소스 공유 표준 경전

See MDN detailed explanation.