对axios封装

首先引入

import axios from 'axios'
import qs from 'qs'
import Vue from 'vue'
import router from '@/router/index'
import { Loading } from 'element-ui';
 //配置请求头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';

配置全局地址 也可以写成自己的地址

axios.defaults.baseURL = process.env.BASE_API;   //代表config配置文件的地址  
Vue.prototype.path = process.env.BASE_API;
Vue.prototype.pathImg = process.env.PATH_IMG;

 let loading = null;
 let loadingOpenCount = 0;
 axios.interceptors.request.use(function (config) {
 if (config.showLoading != false && config.method != 'OPTIONS') {
 []
loadingOpenCount++;
 }
 if (config.showLoading != false && loadingOpenCount == 1 && config.method != 'OPTIONS') {
   open();
 }
  if (sessionStorage.getItem('token')) {
  config.headers.common['token'] = sessionStorage.getItem('token');
}
if (config.method === 'post') {
  config.data = qs.stringify(config.data);
}
if (config.method === 'get') {
  config.url = config.url + "?" + qs.stringify(config.data);
}
if (config.method === 'upload') {
 config.method = 'post';
}
  return config
}, function (error) {
  return Promise.reject(error)
});
axios.interceptors.response.use(
  response => {
     if (response.config.showLoading != false && response.config.showLoading != false && response.config.method != 'OPTIONS') {
  loadingOpenCount--;
 if (loadingOpenCount == 0) {
  setTimeout(function () {
      close();
  }, 0.3 * 1000)
 }
 }
    if(response.headers.authorization){
      sessionStorage.setItem('token',response.headers.authorization) ;
    }
      //判断返回的数据里面code资源
  else if (!response || response.data.code == 401) {
    sessionStorage.clear();
    router.push({
      path: '/login', name: 'login'
      , params: { 'error': response.data.tokenMsg }
    });
   close();
}
return response;
},
  error => {
close();
    //请求异常处理
             switch (error.response.status) {
                case 401:
                   sessionStorage.clear();
                    router.push({path:'/Login',name:'Login'
                    ,params: {'error': 'token失效,请重新登陆'}
                   })
                   }
if(error.response == undefined){
  return {data: {success: false, msg: '请求异常'}};
}else{
  return checkStatus(error.response);
}

if (error.response && error.response.data) {
  return Promise.reject(error.response.data)
}
// 返回接口返回的错误信息
});
 function getConfig(config){
    return config;
 }
 function open() {
   loading = Loading.service({
lock: false,
 text: '拼命加载中...',
 spinner: 'el-icon-loading',
 background: 'rgba(0, 0, 0, 0.7)'
 });
   }
 function close() {
   if (loading) {
     loading.close();
   }
 }

  // 检查状态
  function checkStatus(response) {
    let data = {data: {}};
  data.data['success'] = false;
    switch (response.status) {
    case 400:
      data.data['msg'] = '请求错误'
      break

case 401:
  data.data['msg'] = '未授权，请登录'
  break

case 403:
  data.data['msg'] = '拒绝访问'
  break

case 404:
  data.data['msg'] = '请求地址出错'
  break

case 408:
  data.data['msg'] = '请求超时'
  break

case 500:
  data.data['msg'] = '服务器内部错误'
  break

case 501:
  data.data['msg'] = '服务未实现'
  break

case 502:
  data.data['msg'] = '网关错误'
  break

case 503:
  data.data['msg'] = '服务不可用'
  break

case 504:
  data.data['msg'] = '网关超时'
  break

case 505:
  data.data['msg'] = 'HTTP版本不受支持'
  break

default:
  data.data['msg'] = '异常请求';
  }
  return data;
}