vuex를 사용하여 ajax api-module 로드, 저장 및 새로고침

vuex를 사용하여 ajax api-module 로드, 저장 및 새로고침

저는 asp.net core 2 api의 프런트엔드로 기능하는 vue3-app을 가지고 있습니다.

요청된 데이터의 대부분은 여러 구성 요소에 의해 사용됩니다.또한 동일한 요청을 여러 번 하지 않기 위해 응답 데이터가 아직 vuex 저장소에 없는 경우 해당 데이터를 저장하려고 합니다.

문제는 대부분의 데이터가 많이 변경되기 때문에 vuex에 데이터를 업데이트하도록 지시할 수 있어야 한다는 것입니다.그러나 요청된 데이터 중 일부는 자주 갱신할 필요가 없고 일부는 전혀 갱신할 필요가 없기 때문에 모든 데이터를 갱신할 필요는 없습니다(예: 국가 목록).

따라서 vuex whter에게 특정 Axios 요청의 응답을 영원히 저장하거나 일정 시간 후에 다시 요청하도록 지시하는 방법이 필요합니다.

질문: 이 플러그인에 대해 찾을 수 없는 플러그인이 있습니까?그렇지 않은 경우, 모든 요청에 대해 다시 작성하지 않고 해당 기능을 구현하려면 어떻게 해야 합니까?

사용 가능한 Axios 캐시 프로젝트는 다음과 같습니다.

• 악시오 확장(LRUCache)
• actios-cache-forage(로컬 포레지)
• cachios(노드 캐시)

현재 가장 인기 있는 두 가지는axios-extensions그리고.axios-cache-adapter

차트의 출처

Axios의 플러그인인 라이브러리 Axios-cache-adapter가 있어 응답을 캐시할 수 있습니다.

이 솔루션은 애플리케이션의 데이터 스토리지 로직 외부에서 캐시를 검증하고 대신 라이브러리를 재퀘트하는 데 활용하는 캐싱 계층을 구현하는 데 매우 적합한 솔루션입니다.

둘 다 사용할 수 있습니다.localstorage그리고.indexedDB(로컬 사료 라이브러리 사용)

언급URL : https://stackoverflow.com/questions/53050248/load-save-and-reload-ajax-api-responses-with-vuex