Как я поддерживаю совместное использование в социальных сетях и предварительный просмотр моего приложения SPA Nuxt JS - PullRequest
Новая
       48

Как я поддерживаю совместное использование в социальных сетях и предварительный просмотр моего приложения SPA Nuxt JS

1 голос
/ 08 февраля 2020

Я делаю приложение SPA Nuxt JS. Я вставил соответствующий код для установки необходимых метатегов, затем попытался поделиться ссылкой на LinkedIn, но он не предоставил предварительный просмотр, сообщив, что произошла ошибка.

Я попытался проверить предварительный просмотр через LinkedIn. инструмент , но возвращает ошибку 404. Если я добавлю тот же URL в браузер, страница откроется просто отлично.

Можно ли включить предварительный просмотр в социальных сетях для статически обслуживаемого Nuxt JS SPA, и возможно ли это сделать для динамического доступа c маршруты тоже? Если да, то как?

ОБНОВЛЕНИЕ: мне удалось получить простой предварительный просмотр, используя пакет Nuxt SEO . Это, однако, всегда отображает изображение и заголовок по умолчанию в предварительном просмотре LinkedIn.

nuxt.config. js

modules: [
    ...,
    'nuxt-seo',
    ...
],
seo: {
    title: 'Default title',
    og: {
      image: <default image>
    }
},

asyn c данные в компоненте: 

asyncData: (ctx) => {
    ctx.seo({
      title: 'Custom title in component',
      og: {
        image: <link to alternate image>,
      },
    })
},

Для динамических c страниц мне удалось избежать ошибки 404, указав запросы на индекс. html, чтобы их можно было найти оттуда.

...