axios-cache-interceptor

What is axios-cache-interceptor?

The axios-cache-interceptor package is a middleware for Axios that provides caching capabilities. It allows you to cache HTTP requests and responses, reducing the number of network requests and improving performance.

What are axios-cache-interceptor's main functionalities?

Basic Caching

This feature allows you to set up basic caching for your Axios requests. The example demonstrates how to create a cache with a maximum age of 15 minutes and use it with an Axios instance.

const axios = require('axios');
const { setupCache } = require('axios-cache-interceptor');

const cache = setupCache({
  maxAge: 15 * 60 * 1000 // 15 minutes
});

const api = axios.create({
  adapter: cache.adapter
});

api.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Custom Cache Key

This feature allows you to define a custom cache key. The example shows how to create a cache key based on the request URL, method, and parameters.

const axios = require('axios');
const { setupCache } = require('axios-cache-interceptor');

const cache = setupCache({
  key: req => req.url + req.method + JSON.stringify(req.params)
});

const api = axios.create({
  adapter: cache.adapter
});

api.get('https://api.example.com/data', { params: { id: 1 } })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Cache Invalidation

This feature allows you to manually invalidate the cache for specific requests. The example demonstrates how to invalidate the cache for a specific URL.

const axios = require('axios');
const { setupCache } = require('axios-cache-interceptor');

const cache = setupCache();

const api = axios.create({
  adapter: cache.adapter
});

api.get('https://api.example.com/data')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

// Invalidate the cache for a specific request
cache.invalidate({ url: 'https://api.example.com/data' });

Other packages similar to axios-cache-interceptor

axios-cache-adapter

axios-cache-adapter is another caching library for Axios. It provides similar functionality to axios-cache-interceptor, allowing you to cache HTTP requests and responses. However, axios-cache-adapter offers more configuration options for cache storage, such as using localStorage or a custom store.

axios-extensions

axios-extensions is a package that extends Axios with additional features, including caching. It provides a simple way to add caching to your Axios requests and supports various cache strategies. Compared to axios-cache-interceptor, axios-extensions offers more flexibility in defining cache strategies and expiration times.

README

  
⚡
Axios Cache Interceptor
  

Axios Cache Interceptor is a small and efficient cache interceptor for axios.

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

// same object, but with updated typings.
const axios = setupCache(Axios);

const req1 = axios.get('https://api.example.com/');
const req2 = axios.get('https://api.example.com/');

const [res1, res2] = await Promise.all([req1, req2]);

res1.cached; // false
res2.cached; // true

Documentation at axios-cache-interceptor.js.org 🎉🎉

License

Licensed under the MIT. See LICENSE for more informations.

Contact

See my contact information on my github profile or open a new issue.

Changelog

v0.8.5 - 2022-01-23

Merged

• docs: add license scan report and status #124
• chore(deps-dev): bump typescript from 4.5.4 to 4.5.5 #123

Commits

• build: build everything from webpack f160428
• build: minimize all bundles bc devtool is active 2d779ec
• chore: switch back to yarn v1 7d314c2
• docs: added react component example df74939
• docs: added tsx syntax highlight 706c4dd
• docs: removed coverpage bdbdd37
• docs: simple analytics :( cb59384
• docs: updated docs 95f4137
• docs: updated documentation e9fc692
• docs: updated download urls 026465c
• docs: updated fossa badges 9b9ae3a
• docs: updated homepage 7ccac42
• docs: updated homepage 989ceec
• docs: updated installing page b76087e
• docs: updated sidebar and added dev mode section cc6523f
• feat: debug mode & fixed tests 0ba6025
• fixed jsx highlighting 64c0f40
• refactor: added ACI prefix to avoid external conflicts ea4ab4c
• refactor: added debug points 098cf47
• refactor: added memory storage type 7dc15be
• refactor: moved header file d14750e
• refactor: prefer the usage of AxiosResponseHeaders bd4bf26
• style: format code 31ef7e7
• tag: v0.8.5 f09670d