대리 방식 으로 크로스 필드 문 제 를 해결 하 다.
1628 단어 네트워크
nginx 설정, 전단 페이지 대 리 를 localhost: 80 주소 로 하고 백 엔 드 인터페이스 대 리 를 localhost: 80 / apis 주소 로 하면 브 라 우 저 는 전단 페이지 와 백 엔 드 인터페이스 가 같은 소스 라 고 생각 합 니 다.
메모: nginx 가 프 록 시 경 로 를 설정 할 때 Windows 경로 에 대한 지원 이 좋 지 않 기 때문에 루트 경 로 는 상대 경 로 를 사용 하 는 것 이 좋 습 니 다.
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
server {
listen 80;
server_name localhost;
charset UTF-8;
location / { #
root html;
index index.html index.htm;
}
location /apis { #
proxy_pass http://localhost:8080/;
}
}
}전단 페이지 JavaScript 설정, 위 nginx 프 록 시 를 거 쳐 현재 전단 페이지 주 소 를 통과 합 니 다.http://localhost/구체 적 인 페이지 경로 접근, 페이지 ajax 요청 인터페이스 주소 도 nginx 에이전트 로 바 꿔 야 합 니 다.http://localhost/apis/구체 적 인 인터페이스 주 소 를 방문 해 야 브 라 우 저가 호출 할 때 동원 제한 이 없다.
hello crossorigin
$("#h3").click(function() {
alert(" ");
$.ajax({
url:"http://localhost/apis/crossorigin", # nginx
success:function(data) {
alert("Data: " + data);
}
});
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
리눅스 입문~컴퓨터 시스템의 하드웨어의 개요와 리눅스의 주요 기능과 그 구조의 개요~별도의 기사에서 각 Linux의 기능인 프로세스 및 메모리 관리 메커니즘에 대한 자세한 내용을 요약합니다. 입력 장치, 네트워크 어댑터를 통해 컴퓨터에서 처리를 수행하도록 요청 프로세스 관리 메모리 관리 장치 조작 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
