I have a heavy data in my vuex store that I need to keep even after a refresh for performance purposes. Are there any proposals except LocalStorage ?
How to permanently save heavy data in the client-side in a Vuejs app
774 Views Asked by mathnabit At
1
There are 1 best solutions below
Related Questions in VUE.JS
- Problems with matter.js and i18n in vue.js
- Form Validation not working in custom component Vue
- Authenticating vue app on each route change
- Vue/TailwindCSS - Content is behind Sidebar
- Vue3 Suspense Parent > Child Animation
- Pass dynamic object data via nuxt-link to component
- Failed to resolve import, but the path is valid, and detected as such by VSCode
- how to use less variables in vue components?
- Prevent a webpage from navigating away
- Creating a modal window in product edit page in Shopware6 and saving data to custom table(repository) from a form within the modal window
- How do I fix (or ignore) a TypeScript error that's inside a HTML template?
- Vue.js Checkbox Alignment Issue: Centering Checkboxes Within Table Cells
- How to reset vue product filter?
- Vue display output of two dimensional array
- vue js error when adding bonus items to another item
Related Questions in VUEX
- How to import a local image in vuex store without using axios
- Keep filter values in previous page when navigating
- Nuxtjs error - Do not mutate vuex store state outside mutation handlers
- how to spy/stub a function and stub an action Vuex in the component vue3 composition api
- How to add guard to a router with Firebase and Vue 3 with Vuex state management
- vuex store management overwrites the table in ionic
- Binding Vue.js. Binding in vue. Problem updating value in field
- How do I understand the Vuex docs?
- Troubleshooting: Why Doesn't My Function Enter the Try/Catch Block?
- TypeError: fs__WEBPACK_IMPORTED_MODULE_0___default(...).readFileSync is not a function - Node, Electron, Vue App - fs is undefined
- TypeError: Module name, 'vue' does not resolve to a valid URL on GitHub Pages Deployment
- Nuxt module should be a function: mande/nuxt
- Testing Vuex reducer/mutation in Vue3/Vue-test-utils
- Make Vue3 detect when a key is updated within a dictionary, which is in an array
- Vuex: Use deferred promises in store
Related Questions in CLIENTSIDE-CACHING
- Cache Invalidation In Redis for Client side caching [Special Case]
- How to permanently save heavy data in the client-side in a Vuejs app
- Does Redisson RLocalCachedMap get invalidated with the changes in Redis-Server?
- How do I prevent the images from being requested on Shift+F5?
- Gulp webserver unable to load a cachebusted JS resource
- Issues with client-side caching of lookups in Angular + Breeze project
- RadGrid - Client-Side Binding and Caching
- Clientside Caching C#
- Respond with 304 - Client-side Caching using ASP.NET Webservices
- Caching best practice for mobile hybrid/bridge app development
- Can JavaScript survive a full HTTP Request Roundtrip?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Storing "heavy data" is possible up to 1GB within browsers. Possible through https://developer.mozilla.org/de/docs/Web/API/IndexedDB_API
Maybe this article is interesting for you. It implements a vuex solution with indexedDB https://netterminalmachine.com/blog/2018/persisting-a-vuex-store-to-indexed-db
I figured this max space limit of 1GB out the hard way myself. Browsers like Chrome or Firefox will ask you to increase space limit when you need more than 1GB. Safari does not. Its hard capped at ~1024MB storage. If you need more than that you need a native app solution. (Hint: "Chrome" on MacOS devices like iPad, iPhone use Safari under the hood)