304 상태 코드 문제 해결

api 연결에는 문제가 없는데, 304 상태 코드로 인해 데이터가 나오지 않았다.

304 란?

요청된 리소스를 재전송할 필요가 없어 발생한 것이다. "Not modified" 즉, 수정할 내용이 없다는 의미이다.

클라이언트(브라우저)가 웹서버에 request를 할 때, 마지막으로 변경된 이미지, 파일, 시간 등의 정보를 포함한다. 서버는 요청헤더를 통해 넘어온 정보들을 비교하여 같으면 304로 응답한다. 200의 응답 코드를 받는다면, 기존의 파일을 삭제하고 새로운 파일로 대체 또는 캐시하게 된다.

304 상태 코드에 대한 해결 방법은 2가지가 있다. 각각의 상황에 따라 방법을 선택하면 된다!

해결 방법 1

브라우저 내 캐시를 직접 지워주는 것이다.

크롬 브라우저를 사용하고 있다면,

설정 -> 개인정보 및 보안 -> 인터넷 사용 기록 삭제

기록을 삭제해준 뒤, 새로고침 하면 200코드와 함께 정상적으로 나올 것이다.

일회성 문제 해결용이라면 이 방법을 적용해도 되지만, 매번 연결해야 한다면 아래의 방법을 추천한다.

해결 방법 2

코드를 통해 강제적으로 캐싱되지 않도록 하는 방법이 있다. 물론 캐시를 효율적으로 사용할 수도 있기에 더 deep한 설정은 추가로 수정해주면 된다. 아래의 코드를 index.html의 HEAD 태그 안에 입력 후 실행하면 200 상태 코드가 응답이 된다.

https://developer.mozilla.org/ko/docs/Web/HTTP/Status/304
https://incomeplus.tistory.com/259
https://chanchan-father.tistory.com/99
https://calssess.tistory.com/57