fetch(), 캐시되지 않은 요청을 만드는 방법은 무엇입니까?

Question

fetch('somefile.json')를 사용하여 브라우저 캐시 대신 서버에서 파일을 요청할 수 있나요?

즉, fetch()를 사용하여 브라우저의 캐시를 우회하는 것이 가능합니까?

Answer 1

더 쉬워진 캐시 모드 사용:

으아악

참조: https://hacks.mozilla.org/2016/03/referrer-and-cache-control-apis-for-fetch/

Answer 2

Fetch는 "헤더"라는 옵션을 포함하여 요청에 적용할 수 있는 다양한 사용자 정의 설정이 포함된 init 개체를 가져올 수 있습니다.

"헤더" 옵션은 Header 개체를 사용합니다. 이 개체를 사용하면 요청에 추가할 헤더를 구성할 수 있습니다.

헤더에 pragma: no-cache 및 cache-control: no-cache를 추가하면 브라우저가 파일이 이미 캐시에 있는 파일과 다르게 존재하는지 서버를 확인하도록 강제할 수 있습니다. cache-control: no-store를 사용할 수도 있습니다. 이는 브라우저와 모든 중간 캐시가 반환된 응답의 어떤 버전도 저장하는 것을 허용하지 않기 때문입니다.

샘플 코드는 다음과 같습니다.

으아악 으아악