Как установить заголовок nuxt js и мета из промежуточного программного обеспечения или плагина?

Question

Как установить метатеги Nuxt JS title% из nuxt-middleware / nuxt-plugin?

в настоящее время я устанавливаю его из nuxt.config. js как показано ниже.

  head: () => {
    const now = Date.now()
    return {
      title: `config test : ${now}`,
      meta: [
        {
          hid: 'description',
          name: 'description',
          content: 'My custom description'
        }
      ]
    }
  },

Обратите внимание, что я знаю, что могу установить то же самое в компоненте страницы. Я не хочу устанавливать функцию заголовка на каждой странице, вместо этого мне нужно общее место, где я могу динамически устанавливать заголовок с помощью экземпляра маршрутизатора. который находится в промежуточном программном обеспечении маршрутизатора или плагине.

Answer 1

Вы можете рассчитать информацию о вашей голове в промежуточном программном обеспечении в зависимости от того, на каком маршруте вы находитесь. Затем вы можете сохранить эти данные в своем vuex или передать их как опору на страницу. На своей странице вы можете получить эти данные с помощью хука asyncData. Примером колкуляции головы будет:

export default function ({ store, route }) {

      const headInfoCollection = [
        { name: 'home', title: "Home" },
        { name: 'about', title: "About" }
      ]

      const headInfo = headInfo.find(c => c.name === route.name)
      
      store.dispatch('setHeadInfo', headInfo)

}