Nuxtjs在页面之间重定向时没有数据答案

【问题标题】：Nuxtjs no data when redirect between pagesNuxtjs在页面之间重定向时没有数据
【发布时间】：2021-04-11 20:05:26
【问题描述】：

我有一个在 /layouts 中定义的默认标题，如下所示

<v-app-bar :elevation="0" color="white" fixed app>
  <div class="w-100">
    <NuxtLink to="/">
      <v-img
        max-height="24"
        src="/nuxt_static/images/rectangle.png"
        :contain="true"
      ></v-img>
    </NuxtLink>
  </div>
</v-app-bar>
<v-main>
  <v-container style="padding: 0">
    <nuxt />
  </v-container>
</v-main>

我希望当我点击图片 rectangle.png 时它会重定向到主页。 Homepage 是在 /pages/ 目录的第一个子 index.vue 中使用 asyncData() 函数定义的，并且一个组件包含它的模板。当我在浏览器中输入http://example.com/ 时，一切正常。但是当我在另一个页面并单击标题图像转到主页时，它只显示模板并且不运行 asyncData() 函数。因此，主页上没有数据。我现在该怎么办？

【问题讨论】：

我曾经遇到过类似的问题，因为布局名称错误。确保您的布局必须在 layouts 文件夹中命名为 default.vue。
@Ntx 是的，名称是正确的。您还有什么建议吗？
在此处或在线沙箱中显示您的整个代码（或关键部分：layout.vue\index.vue），如codesandbox 可能会有所帮助，而不是描述错误。可能是你没有注意到的事情造成的。

标签： vue.js nuxt.js vue-router nuxt-link

【解决方案1】：

尝试将 asyncData 挂钩中的代码移动到 fetch 挂钩。在服务器端或客户端都会调用 Fetch 钩子。

【讨论】：