programing

VueJ: http 응답 데이터를 캐시하는 최선의 방법

goodcopy 2022. 8. 13. 23:48
반응형

VueJ: http 응답 데이터를 캐시하는 최선의 방법

VueJs에서 http 응답 데이터를 캐시하는 가장 좋은 방법을 찾고 있습니다. 이제 Vuex Store를 블로그에 사용합니다.요청 시 모든 응답 데이터를 서버에 캐시하고 싶습니다.

구체적으로는, 제 블로그입니다.

1, 3, 4의 상세 블로그에 라우터로 데이터를 요청하면 응답 데이터가 있습니다.데이터를 캐시하고 같은 세션에서 1, 3, 4로 재루팅하면 데이터를 다시 가져오거나 데이터 캐시를 표시할 수 없습니다.

지금은 Vuex를 사용하고 있는데 너무 많은 데이터를 저장해야 할 경우 속도가 느려질 수 있습니다.

enter image description here

서비스 워커는 이를 위해 구축되었습니다.그들은 당신의 페이지에서 이루어진 모든 요청을 가로채고 캐시할 수 있습니다.약간의 추가 작업으로 오프라인 기능을 쉽게 추가할 수 있습니다.

캐시 API를 사용하여window.caches단, 브라우저 지원에 유의하십시오.

또 다른 방법은 Local Storage/Indexed를 사용하는 것입니다.DB는 응답을 수동으로 저장하지만, 더 많은 작업이 필요합니다.

언급URL : https://stackoverflow.com/questions/53535485/vuejs-best-way-to-cache-http-response-data

반응형