Проверка контента в Nuxt

Чтобы убедиться, что Nuxt отдает готовую разметку, сравним код компонента с тем, что приходит в браузер до работы клиентского Vue.

Пусть в корневом компоненте задан такой абзац:

<template>
	<p>
		Free delivery on orders over fifty dollars.
	</p>
</template>

Запустим npm run dev и откроем сайт по локальному адресу. Затем посмотрим исходный код страницы в браузере - обычно это сочетание Ctrl+U или пункт меню «Просмотр кода страницы».

Откроется HTML, который сервер отдал в ответ на запрос. В нем должна быть та же английская фраза, что мы написали в app.vue, а не пустой контейнер без текста. Так мы напрямую видим серверный HTML - именно его в первую очередь разбирают поисковые системы.

Найдите в исходном коде страницы предложение из вашего app.vue.