Ход запроса в Inertia

Давайте разберём ход запроса. Первый заход и повторное обращение к той же странице приходят в браузер в разном виде.

Первый заход отдаёт привычный HTML. Внутри лежит скрипт с записью о странице и пустой контейнер, куда Vue вставит компонент. Имя компонента в этой записи совпадает с именем, которое вернул маршрут. Упрощённый фрагмент выглядит так:

<script data-page="app" type="application/json">
	{"component":"Welcome","url":"/"}
</script>
<div id="app"></div>

Клиент читает запись, запускает приложение и показывает компонент с этим именем. Когда он обращается к Laravel ещё раз, запрос помечен заголовком X-Inertia. Сервер видит метку и отвечает уже не документом, а объектом с тем же именем и адресом. Клиент подменяет экран, и браузер не скачивает страницу заново. Такой ответ выглядит так:

{
	"component": "Welcome",
	"url": "/"
}

Откройте страницу Note и найдите в первом ответе сервера имя её компонента.