vue 封装axios

如何封装axios？

可以通过以下步骤来封装axios：

1. 创建一个axios实例

import axios from 'axios'

const instance = axios.create({
  baseURL: '/api', //设置请求的baseUrl
  timeout: 5000, //设置请求超时时间
})

2. 配置拦截器

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

3. 自定义方法

export const get = (url, params) => {
  return instance.get(url, {
    params
  })
}

export const post = (url, data) => {
  return instance.post(url, data)
}

4. 导出

export default {
  get,
  post
}

这样，我们就封装好了axios，可以在项目中直接使用这个封装好的axios实例进行请求。