Angular 프런트엔드를 Express 백엔드에 연결할 때 CORS 오류를 수정하는 방법은 무엇입니까?

CORS 오류: "요청은 프로토콜 체계에만 지원됩니다: http..."

Express 백엔드를 실행하려고 시도할 때 Angular를 통해 localhost 링크에서 JSON 문자열을 검색하면 "CORS" 오류가 발생할 수 있습니다. 오류 메시지는 일반적으로 교차 출처 요청이 특정 프로토콜 체계에 대해서만 지원된다는 것을 나타냅니다.

이 문제를 해결하려면 몇 가지 조치를 취해야 합니다.

먼저 Angular Service에는 적절한 프로토콜 체계가 포함되어 있습니다. 이 경우에는 "http"여야 합니다. 기본 URL을 다음으로 변경합니다.

this._baseUrl = 'http://localhost:4201/';

두 번째로 Express 서버가 CORS에 대해 올바르게 구성되었는지 확인합니다. cors 모듈이 올바르게 활용되고 있는지 확인하고 CORS에 대한 적절한 HTTP 헤더를 명시적으로 설정하는 것을 고려하십시오.

예를 들어 핸들러 함수에서 다음 코드를 추가하여 헤더를 설정할 수 있습니다.

res.header('Access-Control-Allow-Origin', '*');
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

또한 브라우저 콘솔을 검사하고 문제에 대한 추가 통찰력을 제공할 수 있는 다른 오류 메시지를 확인하는 것이 좋습니다.

위 내용은 Angular 프런트엔드를 Express 백엔드에 연결할 때 CORS 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!