@lodas

Nuxt почему не работает axios?

Всем привет! Решил добавить модуль Axios Module на nuxt. Сделал все по инструкции:
1) Установил npm install @nuxtjs/axios
2) В nuxt.config.js добавил модуль
modules: [
    '@nuxtjs/axios',
  ],

3) скопировал пример для asyncData из документации с нужным url
async asyncData({ $axios }) {
      const ip = await $axios.$get('https://jsonplaceholder.typicode.com/todos/1')
      return { ip }
    },

Выдает ошибку:
ERROR  Cannot read property '$get' of undefined                      16:18:09

  at asyncData (index.vue:49:0)
  at promisify (.nuxt/utils.js:262:0)
  at server.js:1455:82
  at Array.map (<anonymous>)
  at module.exports../.nuxt/server.js.__webpack_exports__.default (.nuxt/server.
js:222:0)


Подскажите пожалуйста как это починить?
  • Вопрос задан
  • 105 просмотров
Решения вопроса 1
asyncData принимает контекст, смотрите что в нем есть и ищите axios
asyncData(ctx) {
  console.log(ctx)
}


Так должно работать
async asyncData({app}) {
      const ip = await app.$axios.$get('https://jsonplaceholder.typicode.com/todos/1')
      return { ip }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы