Firefox에서 실행시 아래와 같은 오류 메시지가 나타납니다. 교차 출처 요청 차단됨: 동일 출처 정책은 https://openapi.lechange.cn/o...에 있는 원격 리소스 읽기를 금지합니다. (원인: CORS 헤더 'Access-Control-Allow-Origin'이 누락되었습니다.)
온라인 검색 시 해결 방법은 요청한 페이지에 헤더를 추가하는 것입니다. 이는 처리할 수 없으며 다른 방법으로도 해결할 수 없습니다. 어떻게 해결하나요?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CORS는 일반적으로 브라우저에서 구성할 필요가 없습니다. 브라우저는 이 교차 출처 AJAX 요청이 간단한 요청임을 확인하고 헤더 정보에 Origin 필드를 자동으로 추가합니다. ) 이 요청은 + 도메인 이름 + 포트에서 발생합니다.
서버는 이 값을 기반으로 요청에 동의할지 여부를 결정합니다. 즉, 서버에는 어떤 소스가 허용되는지 나타내는 화이트리스트가 있고 Access-Control-Allow-Origin이응답 헤더화이트리스트에 포함됩니다.
브라우저는 이 응답의 헤더 정보에 Access-Control-Allow-Origin 필드가 포함되어 있지 않음을 발견하여 문제가 발생했음을 알고 오류를 발생시킵니다. 즉, 반환 결과는 다음과 같습니다. 브라우저가 가로채서 요청을 보낼 수 없는 것은 아닙니다.
그래서 필요한 것은 페이지를 변경하는 것이 아니라 서버에서 이 화이트리스트를 구성하는 것입니다.
CORS의 원리는 이 문서를 읽어보세요.
Tomcat 구성 방법은 이 문서를 읽어보세요.
도메인 간에 jsonp를 사용할 수 있나요?
으아아아cors에는 프런트엔드 구성이 필요하지 않으므로 백엔드 엔지니어가 서버에서 구성하도록 하세요
Nginx 헤더 지원 추가
노드 또는 Python을 사용하여 크롤러 릴레이를 작성하거나 프록시를 추가하세요
서버측 항목 파일 상단에 다음 코드를 붙여넣으세요
으아악