Nuxtjs нет данных при перенаправлении между страницами

Question

У меня есть заголовок по умолчанию, который определен в /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>

Я хочу, чтобы при нажатии на прямоугольник изображения png он перенаправлялся на домашнюю страницу. Домашняя страница определяется в первом дочернем index.vue каталога /pages/ с помощью функции asyncData(), а компонент содержит ее шаблон. Когда я ввожу http://example.com/ в браузер, все работает нормально. Но когда я нахожусь на другой странице и нажимаю на изображение заголовка, чтобы перейти на домашнюю страницу, он просто отображает шаблон и не запускает функцию asyncData(). Поэтому на главной странице нет данных. Что мне делать сейчас?

Answer 1

Попробуйте переместить свой код в хук asyncData , чтобы получить хук. Хук Fetch будет вызываться как на стороне сервера, так и на стороне клиента.