Как достать данные через шаблон Nuxt?

Question

[Andrej Sharapov]

В шаблоне nuxt'a (default) пытаюсь прописать запрос к json файлу через axios, но в сети (ф12 - нетворк) данные не приходят. Подскажите, как это исправить?

<v-navigation-drawer v-model="rightDrawer" :right="right" temporary fixed nav>
      <perfect-scrollbar>
        <ProjectBarList :projects="projects" />
      </perfect-scrollbar>
    </v-navigation-drawer>

const URL_PROJECTS = '~/../files/json/projects.json'

export default {
  async asyncData({ $axios }) {
    const getProjectList = async () => {
      try {
        const res = await $axios.$get(URL_PROJECTS)
        return res
      } catch (e) {
      } finally {
      }
    }

    const projects = await getProjectList()

    return {
      projects
    }
  }
}

Это работает, если перенести на любую страницу, но мне нужно, чтобы данные выводились в сайдбаре и были доступны на всех страницах. Можно ли как-то достать файл оттуда? Поделитесь решением, пожалуйста.

Answer 1

[Алекс Глебов]

asyncData работает только у компонентов страниц

data() {
  return {
    projects: []
  }

}
async fetch() {
  this.projects = await this.$axios.$get(URL_PROJECTS)
        }

так можно
либо через https://ru.nuxtjs.org/guide/vuex-store/#%D0%B4%D0%...