크로스 도메인 JavaScript를 사용하는 이유는 브라우저 상동성 정책 제한으로 인해 현재 도메인 이름의 js는 동일한 도메인의 창 속성만 읽을 수 있으므로 크로스 도메인이 발생하기 때문입니다. 동일 출처 정책은 사용자 정보의 보안을 보장하고 악의적인 웹사이트의 데이터 도용을 방지하기 위해 브라우저가 서로 다른 도메인 간의 JS 상호 작용을 금지한다는 것을 의미합니다.
VUE3.0을 빠르게 시작하는 방법:
이 튜토리얼의 운영 환경인 Windows 10 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터로 들어갑니다.
크로스 도메인 문제는 브라우저의 동일 출처 정책에 의해 제한됩니다. 현재 도메인 이름의 js는 동일한 도메인의 창 속성만 읽을 수 있습니다.
브라우저의 동일 출처 정책 제한으로 인해. 동일 출처 정책은 브라우저의 핵심이자 가장 기본적인 보안 기능입니다. 동일 출처 정책이 누락되면 브라우저의 정상적인 기능이 영향을 받을 수 있습니다. 웹은 동일 출처 정책을 기반으로 구축되었다고 할 수 있습니다. 브라우저는 동일 출처 정책을 구현한 것일 뿐입니다. 동일 출처 정책은 한 도메인의 JavaScript 스크립트가 다른 도메인의 콘텐츠와 상호 작용하는 것을 방지합니다. 소위 동일한 출처(즉, 동일한 도메인에 있음)는 두 페이지가 동일한 프로토콜, 호스트 및 포트 번호를 가지고 있음을 의미합니다.
간단히 말해서, 동일 출처 정책은 사용자 정보의 보안을 보장하고 악의적인 웹사이트의 데이터 도용을 방지하기 위해 브라우저가 서로 다른 도메인 간의 JS 상호 작용을 금지한다는 것을 의미합니다. 브라우저의 경우 도메인 이름, 프로토콜 및 포트 중 하나가 다른 한 동일 출처 정책이 트리거되어 이들 간의 다음 상호 작용이 제한됩니다.
1. 쿠키, LocalStorage 및 IndexDB를 읽을 수 없습니다
.
3. AJAX 요청을보낼
수 없습니다.
크로스 도메인의 더 엄격한 정의는 프로토콜, 도메인 이름 및 포트가 다른 한 크로스 도메인으로 간주된다는 것입니다.
크로스 도메인 솔루션
JSONP: 요청 메소드에 dataType: "jsonp"를 추가해야 합니다. //데이터 형식은 jsonp로 설정되고, jsonp: "callback", //Jquery는 검증 매개변수 이름
1, dataType, 이 매개변수는 jsonp 2.jsonp로 설정되어야 하며
, 이 매개변수의 값은 서버 측nginx 역방향 프록시
웹팩과 합의되어야 합니다.
역방향 프록시 구성: 스캐폴딩 devServer를 직접 사용하여 역방향 프록시를 구성하여 도메인 간 문제를 해결합니다. 개발 프로세스
CORS(교차 도메인 리소스 공유)
Nodejs 교차 도메인: nodejs를 로컬에서 사용하여 서버를 설정하고 해당 서버를 통해 백엔드 서버를 호출하고 데이터를 반환한 다음 프런트엔드 서버로 반환합니다. - 도메인
WebSocket 프로토콜JSONP를 통한
도메인
간 이해: JSONP는 스크립트 태그를 사용하는 src입니다. 도메인 간 속성을 얻으려면 백그라운드에서 이 방법을 사용할 수 있습니다.
JSONP 원리: 프론트엔드는 좋은 메소드를
정의하고 src 속성을 통해 백엔드에 전달합니다. 프론트엔드로 전달됩니다. 프론트엔드는
JSONP를 호출하는 메소드로 사용합니다. 주로 캡슐화된 요청 메소드에 콜백을 추가합니다. 이 콜백은 프론트엔드와 백엔드에서 합의됩니다
.
이상이 크로스 도메인 자바스크립트 콘텐츠의 이유에 대한 세부 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 다른 관련 기사를 참고하세요!
