CODEWITHSUNDEEP
vue.jsvuejs2vuex
KitKit
KitKit

Reputation: 9513

VueJS: Best way to Cache http response data

I'm finding a best way to Cache http response data in VueJS, Now I use Vuex Store to my Blog. I want to cache all response data when it requested into server.

Specifically, this is my blog:

When I request data by router to blog detail with 1, 3, 4, I have response data. How can I cache it and then I re-route to 1, 3, 4 in the same session, it not re-fetch data and get data cache to display?

Now I use Vuex and I think it slow if has to store too many data.

enter image description here

Upvotes: 7

Views: 13649

Answers (2)

chi le
chi le

Reputation: 1

You can try swrv to cache your response. swrv use Vue Composition API hooks for remote data fetching. if you got vue2, then need @vue/composition-api to make them work. Hope this helps.

Upvotes: 0

Eric Guan
Eric Guan

Reputation: 15992

Service Workers were built for this. They can intercept and cache all requests made on your page. With a little extra work, you can easily add offline capabilities.

You can also use the Cache API with window.caches, mind the browser support though.

Another way is to use LocalStorage/IndexedDB to manually store your responses, but that's more work.

Upvotes: 9

Related Questions