0

Добрый день.

Какие существуют способы (кроме как рендеринга на сервере) менять title и meta-данные страницы в зависимости от роутера? Пытался работать с vue-meta, но данный пакет подходит лишь для Vue >2.6, что мне не подходит. Если с title всё понятно и его можно менять на лету с помощью JS, то как быть с meta тегами, какие существуют способы их изменения?

Так же интересны способы реализации логики генерации meta-данных, планирую отдавать эти данные по запросу через API, нормальна ли такая практика?

В проекте используется Vue 3 + TS.

Заранее спасибо за помощь и советы.

4
  • 1
    Мета-данные будут использоваться для SEO? Если да, нужен серверный рендеринг SSR. Vue router используется? Тогда посмотрите эту статью, там все объяснено, а вся соль в router.beforeEach. Я использую ровно такой способ. 8 фев 2021 в 17:39
  • @TotalPusher и что - работает SEO при таком использовании Vue-routera? По идее, ведь не должен
    – Dmytro
    10 фев 2021 в 15:52
  • @Дмытрык, если SSR - то почему нет? 10 фев 2021 в 15:56
  • @TotalPusher SSR - 100% работает. Я, почему-то, подумал, что будет работать и без SSR, использую Vue router
    – Dmytro
    10 фев 2021 в 16:02

1 ответ 1

0

Долгое время искал и даже пытался адаптировать VueMeta под Vue 3, но безуспешно. В итоге взглянул на фреймворк, который основан на Vue 3 и VueCLI (Quasar Framework), в его комплекте есть плагин Quasar Meta, который позволяет работать с meta-tags и всем, что находится в теге <head>...</heade> и за пределами div#app. Единственное, что невозможно использовать Quasar Meta без самого Quasar Framework, от чего не слишком целесообразно подключать целый фреймворк, который основан на Vue 3 лишь ради работы с мета тегами. Но пока это единственный вариант.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.