How to use with @nuxtjs/axios (nuxt2)?

[alexbuznik-stark]

Hi!

Sorry for necroposting, but we have a project running on nuxt2 and I wanted to optimize the calls a bit.

However, we use @nuxtjs/axios, which is stuck on [email protected], and the Axios instantiation is wrapped down in the module.

Is it possible to use axios-cache-interceptor with axios.interceptors.request.use API?

Thank you.

[arthurfiorette]

Try installing an older version.

https://axios-cache-interceptor.js.org/guide/getting-started#support-table

I'm afraid i cannot help you with your specific use case since I've never used @nuxtjs/axios. Try pushing a PR there to upgrade axios and add this capability.

[alexbuznik-stark]

Thank you for the quick reply.

In other words, is there another way to use this library other than these?

v>1

import Axios from 'axios';
import { setupCache } from 'axios-cache-interceptor';

const instance = Axios.create(); 
const axios = setupCache(instance);

v<1

import Axios from 'axios';
import { setupCache } from 'axios-cache-interceptor';

const axios = setupCache(Axios);

[arthurfiorette]

That's the only way.

Maybe after looking at this you will be able to hack something up

axios-cache-interceptor/src/cache/create.ts

Line 29 in 84b5b58

export function setupCache(axios: AxiosInstance, options: CacheOptions = {}): AxiosCacheInstance {

[alexbuznik-stark]

Oh, sweet, I'll try.

Is it persisted in any way? Or is it client-side only?

[arthurfiorette]

as documentation says, depends on the storage you set.