내 Angular 서비스에서 CORS 오류: \'요청은 프로토콜 체계: http...\'에만 지원됩니다. 이 문제를 어떻게 해결할 수 있습니까?

CORS 오류: "요청은 프로토콜 체계에만 지원됩니다: http..." 설명 및 해결 방법

HTTP 요청이 이루어진 경우 서로 다른 출처 간에는 CORS(Cross-Origin Resource Sharing) 메커니즘으로 인해 브라우저에 의해 차단될 수 있습니다. 이 제한은 요청한 사이트 이외의 원본에서 리소스에 대한 무단 액세스를 방지합니다.

주어진 시나리오에서 Angular 서비스는 localhost:4201/ticker에서 실행되는 Express 백엔드에서 JSON 응답을 검색하려고 시도합니다. 그러나 다음 오류로 인해 요청이 실패합니다. "XMLHttpRequest는 localhost:4201/ticker를 로드할 수 없습니다. 교차 출처 요청은 http, data, chrome, chrome-extension, https와 같은 프로토콜 체계에 대해서만 지원됩니다."

에도 불구하고 Express 서버에서 cors 모듈을 사용하여 CORS 처리를 구현하려고 하면 오류가 지속됩니다. 제공된 코드 조각은 Angular 서비스에 사용된 URL이 CORS 오류를 일으키는 프로토콜 체계를 지정하지 않음을 보여줍니다.

이 문제를 해결하려면 다음을 포함하도록 Angular 서비스의 URL을 업데이트해야 합니다. http:// 프로토콜 체계. URL에 "http://"를 추가하면 요청이 HTTP 요청으로 올바르게 해석되어 CORS 검증을 통과할 수 있습니다.

Angular 서비스에서 수정된 코드 섹션:

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

이 변경이 이루어지면 Angular 서비스는 Express 백엔드에 대한 요청을 성공적으로 수행하고 CORS 오류 없이 JSON 응답을 검색할 수 있어야 합니다.

위 내용은 내 Angular 서비스에서 CORS 오류: \'요청은 프로토콜 체계: http...\'에만 지원됩니다. 이 문제를 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!