에 '액세스 제어는 - - 원산지 허용'나는 다음과 같은 오류를 얻을 아우렐 리아 프론트 엔드를 통해 내 API에 액세스하려고하면 아우렐 리아

Question

에 헤더를 추가 :

constructor(Aurelia, HttpClient) { 

    HttpClient.configure(http => { 
     http.withBaseUrl(config.baseUrl); 
    }); 

    this.http = HttpClient; 
    this.app = Aurelia; 

    this.session = JSON.parse(localStorage[config.tokenName] || null); 
    } 

login(username, password) { 

    var client = new HttpClient(); 
    client.createRequest(config.apiUrl + '/auth', { username, password }) 
     .asPost() 
     .withHeader('Access-Control-Allow-Origin', '*') 
     .withBaseUrl(config.baseUrl) 
     .send() 
     .then((response) => response.content) 
     .then((session) => { 
     localStorage[config.tokenName] = JSON.stringify(session); 
     this.session = session; 
     this.app.setRoot('app'); 
    }); 
    } 

:

XMLHttpRequest cannot load https://[my aws API URL here]/auth. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://localhost:9000 ' is therefore not allowed access. The response had HTTP status code 403

이 내 코드입니다

내가 뭘 잘못하고 있니?

우편 배달부에서 올바르게 작동합니다.

Answer 1

AWS API 게이트웨이 인터페이스에서 'CORS 사용'을 사용하고 API를 다시 배포하여 문제를 해결했습니다. 올바른 방향으로 나를 가리켜 주셔서 감사합니다 !!