Cached response return non-inertia response

Versions:

"@inertiajs/inertia": "^0.10.0",
"@inertiajs/inertia-vue3": "^0.5.1",
"@inertiajs/progress": "^0.2.6",

Describe the problem: / Steps to reproduce

Because #154 is closed already

I had the same issue yesterday and I can confirm, that when using spatie/laravel-varnish which provides the cachable middleware. Within this middleware the cache header is set to public with a max-age of 60*24*26. After removing this header and cleaning up the browser cache completely, everything works as expected. With a cache header set, the response gets converted to a non-inertia respones and therefore it opens in an iframe rather than within the existing DOM.

Question/Suggestion

Right now, the SSR is not yet available to the public but will it be possible to use cached responses with SSR? That would help a lot.

[renepardon]

It’s just about a micro optimization to prevent additional round trips to the laravel framework/backend at all because static pages don’t change frequently, so I can deliver them immediately through Varnish. For all the other pages which have database requests and dynamic contents I agree that the gzipped JSON response is totally enough and if not I can cache the DB results.

[jez500]

Following this as I have a similar issue, I want to use a CDN that relies on the cache-control header to know if a page is cacheable, but it seems that using cache-control with public and max-age breaks inertia due to the same url being used for html and XHR requests

What could potentially solve this is if inertia appended a change to the url. Eg a query parameter such as ?format=json

If anyone comes across any other solutions, I’d love to know