Nuxt封装的$axios返回的undefined

可能是因为你没有在nuxt.config.js中配置$axios插件。在nuxt.config.js中添加以下内容：

module.exports = {
  // ...
  plugins: [
    '~/plugins/axios'
  ],
  // ...
}

然后在plugins文件夹下创建axios.js文件，添加以下内容：

import axios from 'axios'

export default ({ $axios }) => {
  // 在这里配置$axios
}

你可以在这里添加全局的请求拦截器、响应拦截器等等。确保你已经安装了axios和@nuxtjs/axios依赖。

相关问题

Nuxt封装的$axios通信后返回的undefined

如果Nuxt封装的$axios通信后返回的是undefined，有可能是以下几个原因：

1. 接口返回的数据格式不对，没有返回正确的数据，导致解析错误；
2. $axios请求的地址不正确，导致请求失败；
3. 代码中没有正确地使用$axios，导致没有发送请求。

解决方法如下：

1. 确认接口返回的数据格式是否正确，可以使用Postman测试接口，看看接口返回的数据格式是否正确；
2. 检查$axios请求的地址是否正确，可以在控制台查看请求的地址和返回的数据；
3. 确认代码中是否正确地使用了$axios，可以参考官方文档或者其他相关资料，看看代码是否符合规范。

如果以上方法都没有解决问题，可以在控制台输出$axios返回的错误信息，以便更好地排查问题。

nuxt中 this.$axios.

在 Nuxt.js 中，`this.$axios` 是一个现成的服务，它基于 Axios 实现，让你能够在 Vue 组件中方便地发送 HTTP 请求。它是 Nuxt.js 官方推荐用于处理 API 调用的标准方式。通过 `this.$axios`，你可以执行 GET、POST、PUT、DELETE 等操作，并且它的返回值是一个 Promise 对象，可以链式调用 `.then()` 和 `.catch()` 来处理异步响应。

例如，发送一个 GET 请求到 `/api/users` 的示例代码如下：

async mounted() {
  try {
    const response = await this.$axios.get('/api/users');
    console.log(response.data);
  } catch (error) {
    console.error(error);
  }
}

在这里，`mounted()` 生命周期钩子会在组件挂载后自动运行，然后使用 `await` 关键字等待请求完成并获取响应数据。