#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 запускается перед загрузкой компонента страницы и будет вызываться на стороне сервера при первом запросе. Это то, что я искал, поскольку мне нужен был доступ к объекту контекста, когда мне нужно было установить переменные компонента перед загрузкой компонента в клиенте.