基于axios的ajax请求封装

import axios from 'axios'

// 默认请求配置
let defaultConfig = {
  method: 'GET',
  baseURL: process.env.BASE_API + process.env.API_BASE_URL,
  timeout: 3000,
  withCredentials: true,
  // 配置请求头
  // headers: {
  //   'Content-Type': 'application/x-www-form-urlencoded'
  // },
  responseType: 'json', // 默认的响应格式
  // 只处理函数返回范围中的错误代码
  validateStatus: status => {
    return status >= 100 && status <= 600
  }
}

let instance = axios.create(defaultConfig)

// 添加一个请求拦截器
instance.interceptors.request.use(config => {
  // 根据参数更改配置
  if (!config.url) {
    return
  }
  if (config.fileFlag) {
    config.headers['Content-Type'] = 'multipart/form-data'
  }
  return config
})

// 添加一个响应拦截器
instance.interceptors.response.use(response => {
  return response.data
}, error => {
  if (!error.status) {
    console.log('time out')
    return
  }
  console.log('error:', error)
})

export default instance