axios 的简单配置

配置axios的文件源码 （简单配置）

import axios from 'axios'
import { Toast } from 'vant' // 弹框 自行调换
import store from '@/store'
import router from '@/router'

// 全局配置
const request = axios.create({
  timeout: 10000,   // 请求的超时时间
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
    'X-Version': '1.0'
  }
});

// 拦截器 =》 请求前
request.interceptors.request.use((config) => {
  // token
  if (localStorage.getItem('Authorization')) {
    config.headers.Authorization = localStorage.getItem('Authorization')
  }
  return config; // 出口请求参数
}, err => Promise.reject(err));


// 请求后
request.interceptors.response.use(
  res => {
    store.commit('SET_LOADING_STATUS', false)
    // 对响应数据做些事
    if (res.data.code === 401) {
      Toast('登录超时，请重新登录')
      store.commit('SET_LOGINOUT') // 退出登录方法
      router.replace('/login').then(() => {
        location.reload()
      }).catch(err => console.log(err))
    }
    res.data.code != 200 && Toast(res.data.message)
    return res.data  // 出口请求参数
  },
  error => {
    store.commit('SET_LOADING_STATUS', false)
    if (typeof error.response === 'undefined') {
      // store.commit('SET_NETWORK', true)
      Toast('服务器开小差了...')
    }
    console.log(error)
    error.response.status === 500 && Toast('服务器开小差了,请稍等...')
    return Promise.reject(error)  // 出口请求参数
  })

/**
 * 提交表单
 */
const postForm = (url, data = {}) => {
  return request.post(url, data, {
    headers: {
      'Content-Type': 'application/json',
    },
  });
};

const fetch = (url, params = {}) => {
  return request.get(url, { params })
}

export default {
  install(Vue) {
    Vue.http = { postForm, fetch};
    Vue.prototype.$http = Vue.http;
  },
};

export {
  postForm,
  fetch
}