Js 크로스 도메인을 이해하는 방법

교차 도메인이란 무엇입니까

브라우저에는 동일 출처 정책이 있으며 ajax가 다른 도메인의 인터페이스에 액세스하는 것을 허용하지 않습니다.

교차 도메인 조건: 프로토콜, 도메인 이름, 포트, 한 가지 차이점이 있다면 다음과 같습니다. 크로스 도메인으로 간주됨

http 기본 포트는 80

https 기본 포트는 443

도메인 간 리소스 로드를 허용하는 태그가 세 개 있습니다

/ 통계용으로 사용할 수 있습니다. 통계 웹사이트는 다른 도메인에 있을 수 있습니다

// JSONP 또는 CDN에 사용할 수 있습니다

// CDN에 사용할 수 있으며, CDN은 다른 도메인에도 사용할 수 있습니다

여러 도메인 간 방법

1. JSONP 도메인 간 데이터 요청

　JSONP 구현 원칙

　1. http 로드 ://www.baidu.com/test.html

　2. 서버에는 실제로 하나의 test.html 파일이 없을 수도 있습니다

3. 서버는 요청에 따라 test.html 파일을 동적으로 생성하고

4를 반환할 수 있습니다. .

<script>
　　window.callback = function (data) {
　　　　console.log(data);　　// 这是跨域得到的信息
　　}
</script>
<script src="http://www.baidu.com/api.js"></script>
<!-- api.js 内容是： callback({x: 100, y: 200}) -->

2에서도 마찬가지입니다. 향후 교차 도메인 문제 해결 동향

// 注意：不同后端语言的写法可能不一样

// 第二个参数填写允许跨域的域名，* 代表允许所有域，不建议直接写 *
response.setHeader("Access-Control-Allow-Origin", "http://a.com, http://b.com");

위 내용은 Js 크로스 도메인을 이해하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!