我的布局组件批注：

Question

如何在布局或组件中使用componentDidMount（显然是禁止的）？

因为我的侧边栏组件用于默认布局，所以我需要使用asyncData来显示来自后端的数据。而且，如果我使用Vuex来获取数据……我不知道如何在每个页面上使用global来获取数据。

asyncData

Answer 1

fetch上新的Nuxt >= 2.12现在支持在layout和component级别上进行抓取。

现在，对于我的静态生成网站，它在layout级别上对我来说有点破损，因此我使用fetchOnServer: false。到将来人们阅读此书时，它有望得到修复，请随时对其进行编辑。

这是一些有用的阅读材料：）

Answer 2

如documentation中所述，

fetch和asyncData仅适用于页面。如果您需要一些内容来获取每个页面上的数据，请使用nuxtServerInit

actions: {
  async nuxtServerInit({ dispatch }) {
    await dispatch('core/load')
  }
}