У меня запущено приложение NUXT на AWS S3 и Cloudfront. Я использую следующий код для создания тегов социальных сетей с помощью head ()
head() {
return {
title: `Title`,
description:"description",
meta: [
{
hid: `description`,
property: "og:description",
content: "description"
},
{
hid:"og:title",
property:"og:title",
content: "title"
},
{
hid:"og:type",
property:"og:type",
content : "type"
},
{
hid:"og:url",
property:"og:url",
content : "url"
},
{
hid:"og:image",
property:"og:image",
content:"image.jpg"
}
]
Кажется, это хорошо работает с Nuxt Dev на моем локальном компьютере, а также отлично работает, когда я напрямую обращаюсь к корзине S3. Мета-теги, сгенерированные при прямом доступе к корзине:
<meta data-n-head="ssr" data-hid="description" property="og:description" content=" description">
<meta data-n-head="ssr" data-hid="og:title" property="og:title" content="Title">
<meta data-n-head="ssr" data-hid="og:type" property="og:type" content="article:name">
<meta data-n-head="ssr" data-hid="og:url" property="og:url" content="url">
<meta data-n-head="ssr" data-hid="og:image" property="og:image" content="image.jpg">
Но я не вижу ни одного из этих тегов при доступе через мой домен.
При дальнейшем исследовании я обнаружил что NUXT вообще не отображает страницу на стороне сервера при вызове через облачный интерфейс. Вместо этого отображается index. vue, а JS генерирует страницу, которую я вызываю на стороне клиента. Это происходит только в CloudFront.
На S3 Stati c Hosting, я вижу, что возвращается страница SSR.