2 replies

Astro caching with output = server

I added

Astro.response.headers.set("Cache-Control", "public, s-maxage=60, stale-while-revalidate=30");

Astro.response.headers.set("Cache-Control", "public, s-maxage=60, stale-while-revalidate=30");

to one of my pages deployed with

@astrojs/cloudflare

@astrojs/cloudflare

and I do see the response header in my network tab, but it's seemingly not caching anything. I am displaying the current time and it changes every time I refresh the page. Shouldn't it cache the HTML for 60 seconds? Output is set to

server

server

and the page is just this

---
const currentTime = new Date().toLocaleTimeString();

Astro.response.headers.set('Cache-Control', 'public, s-maxage=60, stale-while-revalidate=30');
---

<html>
<head>
  <title>Current Time</title>
</head>
<body>
  <h1>The current time is: {currentTime}</h1>
</body>
</html>

---
const currentTime = new Date().toLocaleTimeString();

Astro.response.headers.set('Cache-Control', 'public, s-maxage=60, stale-while-revalidate=30');
---

<html>
<head>
  <title>Current Time</title>
</head>
<body>
  <h1>The current time is: {currentTime}</h1>
</body>
</html>

Cloudflare Developers•15mo ago•

2 replies

Amos

Astro caching with output = server

I added

Astro.response.headers.set("Cache-Control", "public, s-maxage=60, stale-while-revalidate=30");

Astro.response.headers.set("Cache-Control", "public, s-maxage=60, stale-while-revalidate=30");

to one of my pages deployed with

@astrojs/cloudflare

@astrojs/cloudflare

server

server

and the page is just this

---
const currentTime = new Date().toLocaleTimeString();

Astro.response.headers.set('Cache-Control', 'public, s-maxage=60, stale-while-revalidate=30');
---

<html>
<head>
  <title>Current Time</title>
</head>
<body>
  <h1>The current time is: {currentTime}</h1>
</body>
</html>

---
const currentTime = new Date().toLocaleTimeString();

Astro.response.headers.set('Cache-Control', 'public, s-maxage=60, stale-while-revalidate=30');
---

<html>
<head>
  <title>Current Time</title>
</head>
<body>
  <h1>The current time is: {currentTime}</h1>
</body>
</html>

Astro caching with output = server

Similar Threads

Astro caching with output = server

Similar Threads

Similar Threads

Similar Threads