Nuxt：如何在 fetch() 方法中访问 axios？答案

【问题标题】：Nuxt: how do I access axios within the fetch() method?Nuxt：如何在 fetch() 方法中访问 axios？
【发布时间】：2020-02-17 11:51:29
【问题描述】：

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

    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 未定义。

我的nuxt.config.js 中确实定义了@nuxtjs/axios

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

【问题讨论】：

但是the docs show 你实际上可以访问它......你可以简单地导入它，我通常做的是附加到供应商下的构建配置，比如i.imgur.com/KluUrUk.png 这样我可以轻松使用import axios from 'axios' 或this.$axios...
@balexandre 我错过了一个简单的'从'axios'导入axios，哈哈哈。如果你把它作为一个实际的答案，我会接受它。
如果您删除问题就很容易了 :) 这是一个非常简单的答案 :D 或者...回答自己，并在几天后将其标记为已接受；)
哈哈。我认为这是一个有用的答案。我会拿积分礼物。谢谢。哈哈！
如果您将自己的答案标记为正确，对于您自己的问题，您将不会得到任何分数：P - 我已经投票了：P ... P.S.我也是 Nuxt 的新手......我经常使用 Program with Erik 来了解这个很棒的 VueJs 框架助手:)

标签： javascript vue.js axios nuxt.js

【解决方案1】：

@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);
  }
}

【讨论】：