Cache-Control header ignored when set inside a page endpoint

[matiadev]

Hey! 👋

I'm stumped why Cache-Control headers are being ignored when set inside a page endpoint. It works when set inside load as expected but for some reason it's ignored when set inside a page endpoint.

<!-- index.svelte -->
<script context="module">
  export async function load() {
    return {
      cache: { maxage: 60 } // ✅
    }
  }
</script>

// index.js
export async function get() {
  return {
    headers: { 'Cache-Control': 'max-age=60' } // ❌
  }
}

[matiadev]

From what it seems page endpoints add the Cache-Control header to __data.json which makes sense but I assumed it would also work for the document. Doesn't that mean the user won't get the cached page when they reload?

[robots4life]

Doesn't that mean the user won't get the cached page when they reload?

@mattcroat

Does this mean the user will get the cached page upon reload ?

How can a user get a cached page when the Cache-Control header is set in the page endpoint ?

Were you able to find out and could you share your finding if this is possible at all ?

[matiadev]

Does this mean the user will get the cached page upon reload ?

As you pointed out it doesn't because it's set for the page endpoint.

Were you able to find out and could you share your finding if this is possible at all ?

Yes! After reading #3532 and loading I realized you can pass props to the load function and set the cache for the document that way. I opened a new discussion at #4814 where you can see an example.

Hope it helps! 😄