nuxt 匿名中间件，如何在组件上设置数据

【问题标题】：nuxt anonymous middleware, how to set data on componentnuxt 匿名中间件，如何在组件上设置数据
【发布时间】：2020-12-22 20:03:05
【问题描述】：

有谁知道如何从匿名中间件中在 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 在加载页面组件之前运行，将在第一个请求时调用服务器端。这就是我一直在寻找的，因为我需要访问上下文对象，同时需要在客户端加载组件之前设置组件变量。

【讨论】：