archive-gh-me/axios-cache-interceptor
1
0
Fork 0
mirror of https://github.com/arthurfiorette/axios-cache-interceptor.git synced 2025-12-08 17:36:16 +00:00
Code Issues Projects Releases Wiki Activity

examples: updated runkit example

Browse Source
This commit is contained in:
arthurfiorette 2022-01-05 18:19:48 -03:00
parent 766b016866
commit 4cfa8d005e
1 changed files with 30 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
examples/runkit.js
View File

@ -1,53 +1,51 @@
//@ts-check
/* eslint-disable @typescript-eslint/no-var-requires */
const { create: createAxios } = require('axios').default;
const { setupCache } = require('axios-cache-interceptor');
const { log } = console;
async function main() {
(async () => {
const axios = setupCache(
// creating axios instance
createAxios({
baseUrl: 'https://registry.npmjs.org/'
}),
createAxios({ baseURL: 'https://registry.npmjs.org/' }),
// configuring the cache
{
ttl: 99999,
// Parse the Cache-Control header to determine the cache strategy
interpretHeader: true
}
{ ttl: 99999, interpretHeader: true }
);
const fetchedResponse = await axios.get('/axios-cache-interceptor');
// fetchedResponse.cached == false
//
// The next request won't do a network request, because the response is already cached
//
// This won't made a network request, because the response is already cached
const cachedResponse = await axios.get('/axios-cache-interceptor');
// cachedResponse.cached == true
console.log('First request was cached?');
console.log(fetchedResponse.cached, '\n');
log(`First request was ${fetchedResponse.cached ? 'cached' : 'fetched'}`);
log(`Second request was ${cachedResponse.cached ? 'cached' : 'fetched'}`);
console.log('Second request was cached?');
console.log(cachedResponse.cached, '\n');
//
// The interpretHeader option used a different strategy, see the received Cache-Control header
// (server may return undefined if this is the first request in a while :))
//
console.log('The interpretHeader option used a different strategy', '\n');
console.log('See the received Cache-Control header');
console.log(fetchedResponse.headers['cache-control'], '\n');
console.log('And also the received Age header');
console.log(fetchedResponse.headers['age'], '\n');
log(`Fetched response Cache-Control: ${fetchedResponse.headers['cache-control']}`);
log(`Fetched response Age: ${fetchedResponse.headers['age']}`);
const cacheInformation = await axios.storage.get(fetchedResponse.id);
console.log(
'As you can see, the TTL used was the maxAge cache directive minus the Age header',
'\n'
);
console.log('See the time to live in the cache: ');
console.log(cacheInformation.ttl, '\n');
//
// As you can see, the TTL used was the maxAge cache directive minus the Age header
//
console.log(
"If you disable the interpretHeader option you'll see that the TTL will be the default (99999)\n"
);
log(`Cache TTL info: ${cacheInformation.ttl}`);
//
// If you disable the interpretHeader option you'll see that the TTL will be the default (99999)\n
//
// Remove the old cache by brute force
await axios.storage.remove(fetchedResponse.id);
@ -61,8 +59,5 @@ async function main() {
const refetchedInformation = await axios.storage.get(refetchedResponse.id);
console.log('Third request TTL:');
console.log(refetchedInformation.ttl);
}
main();
log(`Third request TTL: ${refetchedInformation.ttl}`);
})().catch(console.error);