vue2.x封装axiosAPI接口

import axios from 'axios'
import Store from '../store'
import {
    
     Message, MessageBox } from 'element-ui'
import GLOBAL from '../api/global'
import qs from 'qs'

axios.defaults.baseURL = GLOBAL.baseUrl
axios.defaults.timeout = 100000
// 请求拦截
axios.interceptors.request.use(
  config => {
    
    
    if (Store.state.wk_token) {
    
    
      config.headers.Authorization = Store.state.wk_token
    }
    // if (config.method === 'post') {
    
    
    //   config.data = {
    
    
    //     ...config.data,
    //     _t: Date.parse(new Date()) / 1000
    //   }
    // } else
    if (config.method === 'get') {
    
    
      config.params = {
    
    
        _t: Date.parse(new Date()) / 1000,
        ...config.params
      }
    }
    return config
  },
  error => {
    
    
    return Promise.reject(error)
  })
// 响应拦截
axios.interceptors.response.use(
  response => {
    
    
    return response
  },
  error => {
    
    
    if (error.response) {
    
    
      return Promise.reject(error.response)
    }
  })

/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
function get (url, params) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios.get(url, {
    
     params: params }).then(res => {
    
    
      if (res.status === 200 && res.data.code === 1) {
    
    
        resolve(res.data)
      } else if (res.data.code === 400) {
    
    
        MessageBox('登录超时！请重新登录', '提示', {
    
    
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          beforeClose: function () {
    
    
            window.location.href = '/login'
          }
        }).then(() => {
    
    
          window.location.href = '/login'
        }).catch(() => {
    
    
          window.location.href = '/login'
        })
        resolve(false)
      } else if (res.data.code === 401) {
    
    
        MessageBox('您账号已在其他设备登入！', '提示', {
    
    
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          beforeClose: function () {
    
    
            window.location.href = '/login'
          }
        }).then(() => {
    
    
          window.location.href = '/login'
        }).catch(() => {
    
    
          window.location.href = '/login'
        })
        resolve(false)
      } else {
    
    
        Message({
    
    
          message: res.data.msg || res.msg,
          type: 'error'
        })
      }
    })
  })
}

/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
function post (url, params) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios.post(url, qs.stringify(params))
      .then(res => {
    
    
        if (res.status === 200 && res.data.code === 1) {
    
    
          if (res.data.msg) {
    
    
            Message({
    
    
              message: res.data.msg,
              type: 'success'
            })
          }
          resolve(res.data)
        } else if (res.data.code === 400) {
    
    
          MessageBox('登录超时！请重新登录', '提示', {
    
    
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            beforeClose: function () {
    
    
              window.location.href = '/login'
            }
          }).then(() => {
    
    
            window.location.href = '/login'
          }).catch(() => {
    
    
            window.location.href = '/login'
          })
          resolve(false)
        } else if (res.data.code === 401) {
    
    
          MessageBox('您账号已在其他设备登入！', '提示', {
    
    
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            beforeClose: function () {
    
    
              window.location.href = '/login'
            }
          }).then(() => {
    
    
            window.location.href = '/login'
          }).catch(() => {
    
    
            window.location.href = '/login'
          })
          resolve(false)
        } else {
    
    
          Message({
    
    
            message: res.data.msg || res.msg,
            type: 'error'
          })
        }
      })
  })
}

/**
 * download方法，对应post请求
 * @param {String} id [请求的文件id]
 * @param {Object} name [下载的文件名]
 */
function download (id, name) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios.post('adminUpload/download', qs.stringify({
    
     file_id: id }), {
    
     responseType: 'blob' }).then(res => {
    
    
      if (res.status === 200) {
    
    
        let blob = new Blob([res.data], {
    
     type: res.headers['content-type'] })
        let href = window.URL.createObjectURL(blob)
        if (window.navigator.msSaveBlob) {
    
    
          try {
    
    
            window.navigator.msSaveBlob(blob, name)
          } catch (e) {
    
    
            Message({
    
    
              message: '文件下载错误！',
              type: 'error'
            })
          }
        } else {
    
    
          let downloadElement = document.createElement('a')
          downloadElement.href = href
          downloadElement.download = name
          document.body.appendChild(downloadElement)
          downloadElement.click()
          document.body.removeChild(downloadElement)
          window.URL.revokeObjectURL(href)
        }
      }
    }).catch(() => {
    
    
      Message({
    
    
        message: '文件下载错误！',
        type: 'error'
      })
    })
  })
}

/**
 * post方法，登录
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
function login (params) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios.post('Login/login', params)
      .then(res => {
    
    
        resolve(res.data)
      })
  })
}

/**
 * post方法，退出登录
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
function loginOut (params) {
    
    
  return new Promise((resolve, reject) => {
    
    
    axios.post('login/logout')
      .then(res => {
    
    
        resolve(res.data)
      })
  })
}

export default {
    
    
  get,
  post,
  download,
  login,
  loginOut
}