>  기사  >  웹 프론트엔드  >  js 크로스 도메인 문제에 대한 간략한 분석 및 Solutions_javascript 기술의 장점과 단점 비교

js 크로스 도메인 문제에 대한 간략한 분석 및 Solutions_javascript 기술의 장점과 단점 비교

WBOY
WBOY원래의
2016-05-16 16:31:511355검색

크로스도메인이란 무엇인가요?

개념: 프로토콜, 도메인 이름, 포트가 다른 한 다른 도메인으로 간주됩니다.

코드 복사 코드는 다음과 같습니다.

통신 허용 여부를 설명하는 URL
http://www.a.com/a.js
http://www.a.com/b.js 동일한 도메인 이름으로 허용
http://www.a.com/lab/a.js
http://www.a.com/script/b.js 동일한 도메인 이름 아래에 다른 폴더가 허용됩니다
http://www.a.com:8000/a.js
http://www.a.com/b.js 동일한 도메인 이름, 다른 포트는 허용되지 않음
http://www.a.com/a.js
https://www.a.com/b.js 동일한 도메인 이름, 다른 프로토콜은 허용되지 않습니다
http://www.a.com/a.js
http://70.32.92.74/b.js 도메인 이름과 해당 도메인 이름에 해당하는 IP는 허용되지 않습니다
http://www.a.com/a.js
http://script.a.com/b.js 기본 도메인은 동일하지만 하위 도메인은 다릅니다
http://www.a.com/a.js
http://a.com/b.js 동일한 도메인 이름, 다른 2차 도메인 이름(위와 동일) 허용되지 않음(이 경우 쿠키 접근이 허용되지 않음)
http://www.cnblogs.com/a.js
http://www.a.com/b.js 다른 도메인 이름은 허용되지 않습니다

포트와 프로토콜의 차이는 백그라운드를 통해서만 해결될 수 있습니다.

교차 출처 리소스 공유(CORS)

CROS(Cross-Origin Resource Sharing) 교차 도메인 리소스 공유는 교차 도메인 리소스에 액세스할 때 브라우저와 서버가 통신해야 하는 방법을 정의합니다. CROS의 기본 아이디어는 사용자 정의 HTTP 헤더를 사용하여 브라우저가 서버와 통신하여 요청이나 응답이 성공할지 실패할지 여부를 결정하도록 하는 것입니다.

코드 복사 코드는 다음과 같습니다.