Axios-storage-adapter NPM

axios-storage-adapter

This is an Axios adapter designed to cache API calls. Cached data will be shared accross all the tabs in same domain, It will remove automatically when you close all the browser tabs. If you want to delete the cahce manually you can use below code CacheService.deleteData()

Install

npm install axios-storage-adapter

Usage

import Axios from "axios";
import { CacheService, StorageAdapter } from "axios-storage-adapter";

function App() {
  CacheService.setupDB("my-cache", "my-table", []);
  const request = Axios.create({
    adapter: StorageAdapter({
      cache: true,
    }) as any,
  });
  const loadData = () => {
    request.get("https://reqres.in/api/users?page=2").then((data) => {
      console.log(data);
    });
  };

  return (
    <>
      <button onClick={loadData}>Load</button>
    </>
  );
}

export default App;

Available setupDB parameters

parameter	description
database name	optional this is define your indexdDB database name
table name	optional this is define your indexdDB table name
parameters	optional which ever parameter skipped from the url parameter, add it as array format