Nuxt. js локальные страницы сайта загружают данные из Strapi только при посадке, без навигации по - PullRequest
0 голосов
/ 22 января 2020

Я заполняю свой сайт Nuxt. js данными, поступающими из Strapi.

Моя навигация по умолчанию. vue макет, просто как:

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

URL корректно отображаются и пытаются открыть нужную страницу, однако страница не загружается, так как не может загрузить данные из Strapi, например:

Cannot read property 'title' of undefined

Если вместо этого я попадаю прямо на страницу или просто обновите sh, все содержимое будет загружено правильно.

Так, например, переход на localhost: 3000 / about работает нормально, но переход на эту страницу не .

Наверное, мне чего-то не хватает в том, как данные загружаются.

Я запрашиваю все страницы по умолчанию. vue через Apollo, чтобы получить навигацию

  apollo: {
    pages: {
      query: pagesQuery
    }
  }

И только указанная c страница внутри индекса. vue или динамические c страницы _slug. vue запрашивая одну:

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

Надеюсь, это понятно и заранее спасибо за помощь!

1 Ответ

0 голосов
/ 22 января 2020

Найдя этот похожий вопрос , похоже, что решения заключались в добавлении

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

к основному элементу, и

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

, похоже, работает , но не уверен, есть ли другие (лучшие?) способы справиться с этим, поэтому не стесняйтесь отвечать!

Спасибо

...