axios初步封装

[dounai1306]

import Axios from 'axios'
Axios.create({
  headers: {'content-type': 'application/x-www-form-urlencoded; charset=UTF-8'}
})
Axios.interceptors.response.use(
  function (response) {
    return response.data
  },
  function (error) {
    if (error.response) {
      switch (error.response.status) {
        case 400:
          error.message = '请求错误'
          break
        case 401:
          error.message = '未授权，请登录'
          break
        case 404:
          error.message = '请求地址出错，请登录'
          break
        case 500:
          error.message = '服务器内部错误'
          break
        case 501:
          error.message = '服务未实现'
          break
        case 502:
          error.message = '网关错误'
          break
        case 503:
          error.message = '服务不可用'
          break
        case 504:
          error.message = '网关超时'
          break
        case 505:
          error.message = 'HTTP版本不受支持'
          break
        default:
      }
    }
    Vue.prototype.$message.error(error.message)
    return Promise.reject(error)
  })
export default Vue.prototype.$ajax = Axios
Axios.defaults.baseURL = 'http://10.32.11.19:5360/api/'

import qs from 'qs'
that.$ajax.get('result').then(function (response) {
        that.data = response.payload.total
      })

that.$ajax.put(url, qs.stringify({status: status})).then(function (response) {
          if (response.result) {
            that.$message.success('操作成功')
            that.data = response.payload.total
          } else {
            that.$message.error('操作失败')
          }
        }).catch(function (error) {
          error
        })