Nginx 설정 은 CORS 를 실현 하여 도 메 인 을 뛰 어 넘 습 니 다.
2037 단어 nginx
브 라 우 저 콘 솔 에 크로스 도 메 인 관련 오류 가 발생 하면 백 엔 드 에서 크로스 도 메 인 을 허용 하지 않 기 때문에 백 엔 드 서버 가 코드 차원 에서 설정 해 야 합 니 다.물론 백 엔 드 에서 코드 를 바 꾸 고 싶 지 않 을 때 도 있 습 니 다. 이 럴 때 저 희 는 프 록 시 nginx 에서 직접 관련 설정 을 할 수 있 습 니 다.
예 를 들 어 우 리 는 / api / v1 의 관련 인터페이스 가 크로스 필드 를 지원 하도록 허용 해 야 합 니 다. 우 리 는 nginx 설정 을 이렇게 작성 할 수 있 습 니 다.
location ^~ /api/v1 {
add_header 'Access-Control-Allow-Origin' "$http_origin";
add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type ';
add_header 'Access-Control-Allow-Credentials' 'true';
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' "$http_origin";
add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type ';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Max-Age' 1728000; # 20
add_header 'Content-Type' 'text/html charset=UTF-8';
add_header 'Content-Length' 0;
return 200;
}
# ,
proxy_pass http://127.0.0.1:8085;
proxy_set_header Host $host;
proxy_redirect off;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_connect_timeout 60;
proxy_read_timeout 60;
proxy_send_timeout 60;
}
http://www.itzh.org/2017/12/25/CORS_config_for_nginx/
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
간단! Certbot을 사용하여 웹 사이트를 SSL(HTTPS)화하는 방법초보자가 인프라 주위를 정돈하는 것은 매우 어렵습니다. 이번은 사이트를 간단하게 SSL화(HTTP에서 HTTPS통신)로 변경하는 방법을 소개합니다! 이번에는 소프트웨어 시스템 Nginx CentOS7 의 환경에서 S...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.