2017-12-19 4 views
1

저는 이것에 관해 새롭고이 질문은 쉽게 할 수 있다고 생각하지만 도와주세요.Angular 5의 HTTP 헤더

나는로드 페이지의 HTTP 요청에 확인해야하며 작업입니다하지만 내 쿼리가 메시지를 차단

크로스 원산지 요청 차단 : 동일한 기원 정책 http://localhost:9999/에서 원격 자원을 읽어 허용하지 않습니다. (이유 : CORS 헤더 'Access-Control-Allow-Origin'이 누락되었습니다.)

이 각도의 내 코드입니다 :

export class AppComponent implements OnInit { 

    public apiURL:string = 'http://localhost:9999/'; 
    public logged: boolean; 
    response: any; 

    constructor(private elementRef:ElementRef, private http:Http) { 
     this.logged = this.elementRef.nativeElement.getAttribute('auth'); 
    } 

    ngOnInit() { 
    this.checkLogin() 
    } 

    checkLogin() { 
    this.response = this.http.post(this.apiURL, {"search": "search"},).map(res => res.json()).subscribe(data => {console.log(data);}); 
    } 
} 

내가 이미 많은 변종을 시도했다가 .. 그러나 아무도 나를 위해 작동하지됩니다 ... someome 그것을 해결의 작은 예를 제공 할 수 ... 제발 ...

+0

당신이에서이고 그 다음 코너 인 CLI 응용 프로그램을 만든 경우 서버 측. 서버 측에서 모든 출처를 허용해야합니다. –

+0

http 서비스 공급자를 만들 때 nodejs를 사용 했습니까? 가능한 경우 서버 측 코드를 공유하십시오. – mohsenmadi

답변

1

이것은 클라이언트가 아니라 서버에서 발생하는 문제입니다. 브라우저가 보안 조치로 다른 호스트에 전화하지 못하게합니다. 서버에 액세스 할 수있는 경우 당신은 추가해야합니다

Access-Control-Allow-Origin: * 

그렇지 않으면 서버를 호출하는 프록시가 필요합니다

참조 : Origin is not allowed by Access-Control-Allow-Origin

+0

omg .. ty ... 나는 항상 클라이언트 측에서이 문제를 발견하려했습니다. –