Soy nuevo en Vue js y creé mi primer proyecto usando las API de Node JS y funciona bien, pero un poco lento cuando se logran múltiples solicitudes, así que creé un caché para cada API, pero como puedo ver, almacenó datos en caché por un corto período de tiempo. y luego necesito esperar nuevamente y cuando se almacena en caché no es muy rápido, a continuación creé una carpeta API.js y almacené todas mis llamadas API en ella ... ¿hay alguna manera de lograr las mejores prácticas de caché en Vue js? gracias de antemano
import axios from 'axios' import { cacheAdapterEnhancer } from 'axios-extensions'; const http = axios.create({ baseURL: 'https://******.herokuapp.com/', headers: { 'Cache-Control': 'no-cache' }, // cache will be enabled by default adapter: cacheAdapterEnhancer(axios.defaults.adapter) }); class BuildingsService { getBuildings(){ return http.get('buildings/api/'); } getFlats(id){ return http.get(`flats/api/${id}`); } notifications(){ return http.get('notifications/api/'); } getOneBuilding(id){ return http.get(`buildings/api/${id}`) } getAllFlats(){ return http.get(flats/api/') } } export default new BuildingsService();