nuxt анонимное промежуточное программное обеспечение, как установить данные на компоненте

#vue.js #nuxt.js #middleware

#vue.js #nuxt.js #промежуточное программное обеспечение

Вопрос:

Кто-нибудь знает, как установить данные для компонента в nuxt из анонимного промежуточного программного обеспечения? Например:

  data() {
    return {
      title: null
    };
  },
  middleware(context) {
    context.???.title="fred";
  }
  

Я запускаю это в универсальном приложении Nuxt, и это должно выполняться на стороне сервера, а не на стороне клиента. Возможно ли это вообще?

Спасибо, Дэвид

Ответ №1:

Я решил эту проблему, используя функцию asyncData, а не промежуточное программное обеспечение Nuxt:

 asyncData(context) {
  // Do stuff with the context
  return {
    title: "My Title created from context"
  }
}
  

asyncData запускается перед загрузкой компонента страницы и будет вызываться на стороне сервера при первом запросе. Это то, что я искал, поскольку мне нужен был доступ к объекту контекста, когда мне нужно было установить переменные компонента перед загрузкой компонента в клиенте.