Vue2封装axios最佳配置

Vue2 封装 Axios 最佳配置的方式可以有多种，下面是一个比较常用的方式：

1. 安装 Axios：

npm install axios --save

2. 在 src 目录下创建一个 axios 目录，并在其中新建一个 index.js 文件，用于封装 Axios：

import axios from 'axios'

const baseURL = 'https://api.example.com' // 你的 API 地址

const instance = axios.create({
  baseURL,
  timeout: 10000, // 超时时间（毫秒）
  headers: {
    'Content-Type': 'application/json;charset=UTF-8'
  }
})

instance.interceptors.request.use(
  config => {
    // 请求拦截器
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

instance.interceptors.response.use(
  response => {
    // 响应拦截器
    return response.data
  },
  error => {
    return Promise.reject(error)
  }
)

export default instance

3. 在 main.js 中引入并注册 axios：

import axios from '@/axios'

Vue.prototype.$http = axios

这样就可以在全局中使用 `$http` 来发起请求了，例如：

this.$http.get('/users').then(res => {
  console.log(res)
}).catch(err => {
  console.error(err)
})

当然，你还可以根据自己的需求，对 Axios 进行更加细致的封装，例如封装 get、post 等方法，统一处理错误信息等。