axios二次封装异常

Axios的二次封装可以使我们更好地管理项目，并将更多的时间投入到业务开发上。在二次封装中，我们通常会使用请求拦截器和响应拦截器来处理一些业务逻辑。请求拦截器可以在发送请求之前对请求进行处理，例如在非登录接口中添加token等信息。而响应拦截器则可以在服务器数据返回后对响应进行处理，例如对响应数据的结构进行规范化处理。

以下是一个对Axios进行二次封装的示例代码：

import axios from "axios"

const instance = axios.create({
  baseURL: "https://api.example.com",
  timeout: 5000
})

// 请求拦截器
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

在这个示例中，我们通过create方法创建了一个Axios实例，并对其进行了配置。然后使用interceptors对象来添加请求拦截器和响应拦截器，对请求和响应进行处理。最后，将封装好的Axios实例导出供项目使用。