실행 전 요청을 캐싱하여 응답 지연 시간 줄이기
브라우저는 단순한 요청이 아닌 경우 원본을 교차하는 요청을 보내기 전에 실행 전 요청을 보내고 실제 요청을 보내기 전에 성공적인 응답을 기다립니다. 실행 전 요청은 실제 요청을 보내는 것이 안전한지 확인하기 위해 다른 출처의 리소스에 대한 OPTIONS 요청입니다.
브라우저는 단순한 요청이 아닌 경우 원본을 교차하는 요청을 보내기 전에 실행 전 요청을 보내고 실제 요청을 보내기 전에 성공적인 응답을 기다립니다 .
실행 전 요청은 실제 요청을 보내는 것이 안전한지 확인하기 위해 다른 출처의 리소스에 대한 OPTIONS 요청입니다. 실제 사용 사례의 예는 Authorization
헤더에 JWT를 전달하는 경우입니다.
문제는 OPTIONS 요청이 기본적으로 5초 동안만 캐시될 수 있다는 것입니다. 즉, 원래 요청을 보내기 전에 백엔드로 한 번 왕복해야 하므로 클라이언트에 대한 응답이 느려집니다.
해결책은 Access-Control-Max-Age
응답 헤더를 설정하는 것입니다.
Access-Control-Max-Age: 7200
Angular 및 JS에 대해 자세히 알아보려면 Medium 또는 Twitter 에서 저를 팔로우하세요!