首页 > 解决方案 > Nuxt:如何在 fetch() 方法中访问 axios?

问题描述

我正在使用 nuxt 并正在寻找一种axios从 nuxt 方法中访问对象的fetch()方法。不幸的是,我似乎无法访问它。这是我尝试过的...

    async fetch({store, params}) {
        // const result = await axios.$get('/api/v2/inventory/3906?apiKey=xxx');
        // const result = await this.axios.$get('/api/v2/inventory/3906?apiKey=xxx');
        // const result = await $axios.$get('/api/v2/inventory/3906?apiKey=xxx');
        store.commit('property/setProperty', result);
    }

this是(显然)不可用并且$axios未定义axios

我确实@nuxtjs/axios在我的nuxt.config.js

modules: [
    'nuxt-buefy',
    '@nuxtjs/style-resources',
    '@nuxtjs/device',
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
],

标签: javascriptvue.jsaxiosnuxt.js

解决方案


@balexandre 实际上应该为此获得赞誉。谢谢您的帮助。

这是我问的一个非常愚蠢的问题,但我会在这里发布答案,以防其他人有同样的经历。

import axios from 'axios' // don't forget me!

... later...

fetch() {
  async fetch({store, params}) {
    const result = await axios.get('/api/v2/inventory/3906?apiKey=xxx');
    store.commit('property/setProperty', result);
  }
}

推荐阅读