Angular2 Request 헤더 필드 인증이 프리 플라이트 응답에서 Access-Control-Allow-Headers에 의해 허용되지 않습니다.

Question

Angular 2 및 Laravel 5.4에서 응용 프로그램을 구축하고 있습니다. Angular2는 클라이언트 측, laravel 5.4는 서버 측입니다. laravel에서 API를 작성하고 Angular2에서 API를 요청했습니다.

Laravel에서 모든 API를 인증하는 Oauth 2 패스포트 서비스를 구성했습니다. 각 API 호출에서 헤더 아래로 보냅니다.

'콘텐츠 유형', 나는 헤더 API를 호출하고 어떻게 '인증'

방법. , 'Authorization' 헤더가 백엔드에 의해

ErrorMessage가 분명하다

Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response 

Answer 1

을 사용할 수 없습니다 : 나는 Angular2에서이 API를 타격하고 때

private headers = new Headers({'Content-Type': 'application/json', 'Authorization': 'Bearer ' + localStorage.getItem('access_token') }); 


let body = JSON.stringify({ user_id, company_id }); 
      console.log(this.headers); 
      this.http.post(this.BuyerCostSetting, body, {headers:this.headers}) 
      .subscribe(
       response => { 
        console.log('here'); 
        console.log(response);     
       }, 
       error => { 
        console.log(error.text()); 
       } 
      ); 

, 그것은 아래의 오류를 보이고있다. https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers

:

Access-Control-Allow-Headers : 'Content-Type', 'Authorization' 

여기에 더 설명서를 참조하십시오 백엔드 Laravel 응용 프로그램에서 당신이 포함 된 응답 헤더를 설정해야