axios 封装

axios封装

/*
 * 发送一步ajax请求的函数模块
 * 封装axios库
 * 函数返回值是promise
 * 1、优化：统一处理请求异常
 *       在外层包装一个promise，通过promise的resolve, reject函数处理异常
 * 2、异步得到的不是response，而是response.data
 */

import axios from 'axios'
import { Message } from 'element-ui'
import { getToken } from '@/utils/auth'
import router from '@/router/index'
import store from '@/store'
axios.defaults.timeout = 50000 // 超时时间
axios.defaults.headers.common['Content-Type'] = 'application/json;charset=UTF-8'
// response interceptor
axios.interceptors.response.use(
  response => {
    return response
  },
  error => {
    return Promise.resolve(error.response)
  }
)

export default function http (url, data = {}, requirtType = 'POST', config = {}) {
  const type = requirtType.toUpperCase()
  if (getToken()) axios.defaults.headers.token = `${getToken()}` // token
  return new Promise((resolve, reject) => {
    // 1.执行一步请求 成功调用resolve，失败调用reject
    let promise
    if (type === 'GET') {
      promise = axios.get(url, {
        params: data
      })
    } else if (type === 'DELETE') {
      promise = axios.delete(url, {
        data: data
      })
    } else if (type === 'PUT') {
      promise = axios.put(url, data)
    } else if (type === 'POST') {
      promise = axios.post(url, data, config)
    }
    // 成功调用resolve
    promise.then(response => {
      return checkStatus(response, resolve)
    }).then(response => {
      if (response.data.code === 0) { // 请求成功
        resolve(response.data.data || response.data.code)
      } else if (response.data.code === 40001) { // 请求失败
        Message({
          message: response.data.msg,
          type: 'error'
        })
        resolve(response.data.data || response.data.code)
      } else if (response.data.code === 30001) { // 请重新登录
        Message({
          message: response.data.msg,
          type: 'error'
        })
        store.dispatch('login/resetToken') // 清空用户信息
        router.push(`/login`) // 跳入登录页面
      } else if (response.data.code === 80001) { // 查重提示
        resolve(response.data)
        Message({
          message: response.data.msg,
          type: 'warning'
        })
      }
    }).catch(error => { // 请求异常
      console.log(error, 'error')
      Message.error(error || '请求数据异常')
    })
  })
}

// 如果http状态码正常，则直接返回数据
function checkStatus (response, resolve) {
  console.log(response, '-------')
  if (response && (response.status === 200 || response.status === 304 || response.status === 400)) {
    return response
    // 如果不需要除了data之外的数据，可以直接 return response.data
  } else if (response && (response.status === 500)) {
    console.log(500)
    resolve(500)
  }
}