Spring Cloud Gateway CORS 교차 도메인 구성

작은 쓰레기 같은 놈들 · 게시됨 2021. 7. 28. 오후 5:39:14

이 프로젝트는 프론트엔드와 백엔드를 분리하는 것으로, 프론트엔드와 백엔드가 같은 포트에 있지 않고, 프론트엔드가 백엔드 인터페이스를 호출할 때 크로스 도메인 문제가 발생합니다.

게이트웨이가 도메인 간 전송을 허용할 경우, 다음과 같은 오류가 보고됩니다:

'http://localhost:60356'에서 'http://127.0.0.1:9999/gateway/auth/account/requestToken'에 위치한 XMLHttpRequest 접근이 CORS 정책에 의해 차단되었습니다: 프리플라이트에 대한 응답 요청이 접근 제어 검사를 통과하지 못함: 요청된 자원에는 'Access-Control-Allow-Origin' 헤더가 없습니다.
jquery.min.js:2 POST http://127.0.0.1:9999/gateway/auth/account/requestToken net::ERR_FAILED

Spring Cloud Gateway CORS 구성 문서 튜토리얼 소개:하이퍼링크 로그인이 보입니다.

application.yml 구성 파일을 다음과 같이 수정하세요:

로그인이 보이네요.

설정이 완료되면 다음 이유로 프로젝트를 다시 실행하세요마이크로서비스 자체도 크로스 도메인을 허용하도록 설정되어 있습니다중복된 콘텐츠는 POST 응답 헤더에 다음과 같은 오류가 나타납니다:

'http://localhost:60356'에서 'http://127.0.0.1:9999/gateway/auth/account/requestToken'에 있는 XMLHttpRequest 접근이 CORS 정책에 의해 차단되었습니다: ' Access-Control-Allow-Origin' 헤더는 여러 값 'http://localhost:60356, http://localhost:60356'을 포함하지만, 허용되는 값은 하나뿐입니다.

해결책: 동일한 응답 헤더 일부를 제거하기 위해 새로운 CorsResponseHeaderFilter 필터를 생성하세요. 코드는 다음과 같습니다:

로그인이 보이네요.

새로운 CorsConfiguration 파일을 만들고 다음 코드로 콩을 등록하세요:

로그인이 보이네요.

아래 이미지에서 볼 수 있는 것처럼 문제를 성공적으로 해결하세요:

(끝)

[출처] Spring Cloud Gateway CORS 교차 도메인 구성

관련 게시물

본 섹션