Nuxt 2.12.2：使用新的获取方法填充商店

Question

当前文档中并不清楚，因为 fetch 方法有很大的变化。据我了解，在 doc 它说：

fetch(context) has been deprecated, instead you can use an anonymous middleware in your page: middleware(context)

所以 context 不再可用？ new fetch 方法中传递的是什么？

您如何访问 context 中的 store？比如在2.12.2之前，我们可以这样使用fetch方法：

// pages/index.vue
async fetch ({ store }) {
  await store.dispatch('....')
},

所以，我假设上面的代码将来不会很快在 Nuxt 3 中运行。那怎么在页面上填写店铺数据呢？

目前，您似乎仍然可以在 new [=11] 中将 context 作为 第一个参数 访问=] 方法。以后呢？

Answer 1

what is passed into the new fetch method then?

fetch 钩子不再有任何参数。

how do you access the store in the context?

要访问 fetch 挂钩中的上下文，请使用 this.$nuxt.context；您可以像这样访问 store：

const { store } = this.$nuxt.context
store.dispatch(...)

// or
this.$nuxt.context.store.dispatch(...)

Nuxt 2.12.2: Filling the store with the new fetch method