mirror of
https://github.com/arthurfiorette/axios-cache-interceptor.git
synced 2025-12-08 17:36:16 +00:00
62 lines
1.6 KiB
Markdown
62 lines
1.6 KiB
Markdown
# Interceptor
|
|
|
|
## Applying
|
|
|
|
This library is based on axios interceptors, so, under the hood, it uses
|
|
`axios.interceptors.use()` to apply the interceptors. But you don't. All you have to do is
|
|
call `setupCache` and you are ready to go!
|
|
|
|
```js
|
|
import { setupCache } from 'axios-cache-interceptor';
|
|
|
|
setupCache(axios);
|
|
```
|
|
|
|
### How to get the axios instance
|
|
|
|
There are two types of axios instances, the `AxiosStatic` and the `AxiosInstance`. The
|
|
`AxiosStatic` is the default instance of axios. The `AxiosInstance` is the instance you
|
|
get when you call `axios.create()`.
|
|
|
|
Both of them work seamlessly, but when messing with the axios static, your hole code,
|
|
_including those libraries you don't know that their exists_, are also affected. **You
|
|
should be careful when using it.**
|
|
|
|
```js
|
|
// AxiosStatic
|
|
import axios from 'axios';
|
|
|
|
// AxiosInstance
|
|
const instance = axios.create();
|
|
```
|
|
|
|
## Customizing behaviors
|
|
|
|
You can customize the behaviors of this library in two ways, in a
|
|
[per request](pages/per-request-configuration.md) or in a
|
|
[global](pages/global-configuration.md) way.
|
|
|
|
```js #runkit
|
|
const Axios = require('axios');
|
|
const { setupCache } = require('axios-cache-interceptor');
|
|
|
|
const instance = Axios.create({
|
|
/** Here you can pass the axios options * */
|
|
});
|
|
|
|
// Global options
|
|
setupCache(instance, {
|
|
/** Here you can pass the interceptor options * */
|
|
});
|
|
|
|
// Per request options
|
|
const result = await instance.get('https://jsonplaceholder.typicode.com/posts/1', {
|
|
/** Override axios options * */
|
|
cache: {
|
|
/** Override cache options * */
|
|
}
|
|
});
|
|
|
|
console.log('Result:', result.data);
|
|
```
|