Fetch Caching

Cache Control

The cache option controls how fetch interacts with the browser HTTP cache.

Example

// Use cache if fresh, else network
await fetch(url, { cache: "default" });
// Always network, update cache
await fetch(url, { cache: "reload" });
// Always network, never cache
await fetch(url, { cache: "no-store" });
// Use cache even if stale
await fetch(url, { cache: "force-cache" });
// Use cache if available, else 504
await fetch(url, { cache: "only-if-cached", mode: "same-origin" });

JAVASCRIPT

Full Editor

Pro Tip

cache: "reload" busts the cache for a single request without clearing the entire cache.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned