Nuxt.js本地站点页面仅在着陆时从Strapi加载数据，而不是通过<nuxt-link>导航。

Question

我正在用来自Strapi的数据填充我的Nuxt.js站点。

我的导航采用default.vue布局，简单如下：

  <li v-for="page in pages" :key="page.id">
    <nuxt-link :to="page.slug"></nuxt-link>
  </li>

urls呈现正确，并尝试打开正确的页面，但是该页面没有加载，因为它无法从Strapi加载数据，例如：

Cannot read property 'title' of undefined

如果我直接降落在页面上，或者只是刷新页面，那么所有的内容都会被正确加载。

因此，例如，登陆到localhost:3000/about可以正常工作，但是导航到该页面就不行了。

我想，关于数据是如何加载的，我一开始就缺少一些东西。

我正在通过阿波罗查询default.vue中的所有页面以获得导航

  apollo: {
    pages: {
      query: pagesQuery
    }
  }

并且只有index.vue内部的特定页面或查询单个页面的动态页面_slug.vue：

  apollo: {
    pages: {
      query: pageQuery,
      variables () {
        return {
          "slug": this.$route.params.slug
        }
      }
    }

希望您的帮助是明确的，谢谢您的帮助！

Answer 1

在找到this similar question之后，看起来解决方案是添加

 v-if="pages[0] != null"

关于主要因素，以及

  data() {
    return {
      pages: []
    }
  }

这似乎可行，但不确定是否还有其他(更好的？)如何处理它，所以请随时回复！

谢谢