Invalidate All Cache

[ivanfuzuli]

Is there any way for resetting all cached items? For example when user logout, i wanna reset cache.

[Helaers]

You can do this by clearing the cache manually. Here's an example:

import LRUCache from 'lru-cache';
import api from '@/shared/services/apiService';

class ResourceService {
  private _resourceCache: LRUCache<string, string>;

  constructor() {
    this._resourceCache = new LRUCache();
  }

  public async getSomeResource(): Promise<any> {
    const result = await api.get('/some-endpoint', { cache: this._resourceCache });
    return result.data;
  }

  public resetCache(): void {
    this._resourceCache.reset();
  }
}

export default new ResourceService();

Then when you logout, you just call

resourceService.resetCache();

and you can start with a clean slate

[crawazaky]

Thanks @Helaers

But I have been following axis-extensions github's doc and cannot understand where to use the reset() function when using cacheAdapterEnhancer. There is nothing about invalidating the cache in axios-extensions's doc or can you point me to a additional doc I didn't see ?

I'm using axis & axis-extensions with VuejS. I create my axios' instance like that:

      const axios = ax.create({
        baseURL: API_URL,
        headers: { 'Cache-Control': 'no-cache' },
        adapter: cacheAdapterEnhancer(ax.defaults.adapter),
        crossdomain: true
      });

I'd like to be able to do something like axios.cache.reset()
Is there something I am missing ?

Thanks a lot

[Helaers]

@crawazaky If you want to use the approach above you'll probably have to disable the cache by default...

adapter: cacheAdapterEnhancer(axios.defaults.adapter, { enabledByDefault: false }),

Then define your own cache with via

const myCache = new LRUCache();

Add that to you endpoint:

await axios.get('/some-endpoint', { cache: myCache});

And when you want to clear the cache you created, call the reset function on myCache:

myCache.reset();

I hope this helps.