불투명 응답 사용 시 제한 사항 및 고려 사항

Fetch API에서 도입된 불투명 응답은 CORS가 실행될 때 교차 출처 요청의 결과를 나타냅니다. 비활성화되었습니다. 일부 격리 기능을 제공하지만 알아야 할 몇 가지 제한 사항과 잠재적인 문제가 있습니다.

헤더 및 본문 액세스 제한

불투명 응답의 주요 제한 사항은 다음과 같습니다. 응답의 헤더나 본문에 액세스할 수 없습니다. 헤더 및 본문 관련 메서드(json(), text())와 같은 속성은 사용할 수 없습니다. 이는 원격 원본의 개인 정보를 보호하는 데 필수적입니다.

리소스 사용 및 제한

제한 사항에도 불구하고 다음과 같은 경우 불투명 응답을 웹 페이지의 리소스로 활용할 수 있습니다. 브라우저는 CORS가 아닌 교차 출처 리소스를 허용합니다. 이러한 리소스에는

캐시 저장소 API와의 상호 작용

캐시 저장소 API에서 불투명 응답을 사용할 때 잠재적인 함정이 발생합니다. 불투명 응답의 상태 속성은 실제 요청 상태에 관계없이 0입니다. add() 및 addAll() 메소드는 2XX 상태 코드가 아닌 응답을 거부하므로 불투명한 응답은 캐시에 추가되지 않습니다. 이를 방지하려면 불투명 응답을 사용하여 fetch()와 put()을 명시적으로 수행합니다.

navigator.storage API 및 불투명 응답

보안상의 이유로 브라우저 패드 도메인 간 정보 유출을 방지하기 위한 불투명한 응답입니다. 이 패딩은 보고된 불투명 응답의 저장 크기를 크게 늘립니다. Google Chrome에서 각 불투명 응답은 저장 공간 사용량에 최소 약 7MB를 차지합니다. 주의 깊게 관리하지 않으면 할당량 초과 예외가 발생할 수 있습니다.

사용 시 고려 사항

불분명한 응답을 사용할 때는 다음 사항에 유의하세요.

• 불투명 응답은 격리를 제공하지만 헤더와 본문에 대한 액세스를 제한합니다.
• CORS가 아닌 교차 출처 리소스를 허용하는 웹페이지의 리소스로 사용할 수 있습니다.
• 특별 처리는 다음과 같습니다. 캐시 추가 실패를 방지하기 위해 Cache Storage API와 함께 사용하는 데 필요합니다.
• navigator.storage API의 불투명 응답에 대해 보고되는 부풀려진 저장소 크기에 주의하세요.