nuxt 封装axios

在 Nuxt 中封装 Axios 可以通过在 plugins 目录下创建一个 axios.js 文件来实现。具体步骤如下：

1. 在 plugins 目录下创建 axios.js 文件。
2. 在文件中引入 axios 和 qs（如果需要）。
3. 创建一个 axios 实例，并配置一些默认参数，如 baseURL、timeout 等。
4. 创建一个插件函数，在函数中将 axios 实例挂载到 Vue.prototype 上，这样在组件中就可以通过 this.$axios 来使用了。
5. 在 nuxt.config.js 中引入该插件。

以下是一个简单的示例代码：

import axios from 'axios'
import qs from 'qs'

const instance = axios.create({
  baseURL: 'http://localhost:3000',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  transformRequest: [data => qs.stringify(data)]
})

export default ({ app }, inject) => {
  inject('axios', instance)
}