封装 axios+promise通用请求函数

import axios from "axios";
import baseUrl from "../../setBaseUrl";
axios.defaults.baseURL = baseUrl;
import { Loading, Message } from "element-ui";
const loadingOptions = {
  lock: true,
  text: "拼命加载中",
  spinner: "el-icon-loading",
  background: "rgba(0, 0, 0, 0.7)"
};
if (localStorage.token) {
  axios.defaults.headers.common["x-token"] = localStorage.token;
}
const Http = {
  get: function(url: string, data: any, isLoading: boolean) {
    if (localStorage.token) {
      axios.defaults.headers.common["x-token"] = localStorage.token;
    }
    let loading: any;
    if (isLoading) {
      loading = Loading.service(loadingOptions);
    }
    return new Promise<any>((resolve, reject) => {
      axios
        .get(url, { params: data })
        .then(function(res) {
          if (isLoading) {
            loading.close();
          }
          if (res.data.code === 200) {
            resolve(res.data.data);
          } else {
            // console.warn("Http error Info ===> ", res.data);
            reject(res.data.message);
          }
        })
        .catch(function(err) {
          if (isLoading) {
            loading.close();
          }
          // console.warn("Http error Info ===> ", err);
          Message({
            message: err.message,
            type: "error",
            duration: 2500,
            showClose: true
          });
        });
    }).catch(function(err) {
      Message({
        message: err,
        type: "error",
        duration: 2500,
        showClose: true
      });
    });
  },
  post: function(url: string, data: any, isLoading: boolean) {
    if (localStorage.token) {
      axios.defaults.headers.common["x-token"] = localStorage.token;
    }
    let loading: any;
    if (isLoading) {
      loading = Loading.service(loadingOptions);
    }
    return new Promise<any>((resolve, reject) => {
      axios
        .post(url, data)
        .then(function(res) {
          if (isLoading) {
            loading.close();
          }
          if (res.data.code === 200) {
            resolve(res.data.data);
          } else {
            reject(res.data.message);
          }
        })
        .catch(function(err) {
          if (isLoading) {
            loading.close();
          }
          // console.warn("Http error Info===>", err);
          Message({
            message: err.message,
            type: "error",
            duration: 2500,
            showClose: true
          });
        });
    }).catch(function(err) {
      Message({
        message: err,
        type: "error",
        duration: 2500,
        showClose: true
      });
    });
  },
  put: function(url: string, data: any, isLoading: boolean) {
    if (localStorage.token) {
      axios.defaults.headers.common["x-token"] = localStorage.token;
    }
    let loading: any;
    if (isLoading) {
      loading = Loading.service(loadingOptions);
    }
    return new Promise<any>((resolve, reject) => {
      axios
        .put(url, data)
        .then(function(res) {
          if (isLoading) {
            loading.close();
          }
          if (res.data.code === 200) {
            resolve(res.data.data);
          } else {
            reject(res.data.message);
          }
        })
        .catch(function(err) {
          if (isLoading) {
            loading.close();
          }
          // console.warn("Http error Info===>", err);
          Message({
            message: err.message,
            type: "error",
            duration: 2500,
            showClose: true
          });
        });
    }).catch(function(err) {
      Message({
        message: err,
        type: "error",
        duration: 2500,
        showClose: true
      });
    });
  },
  delete: function(url: string, data: any, isLoading: boolean) {
    if (localStorage.token) {
      axios.defaults.headers.common["x-token"] = localStorage.token;
    }
    let loading: any;
    if (isLoading) {
      loading = Loading.service(loadingOptions);
    }
    return new Promise<any>((resolve, reject) => {
      axios
        .delete(url, data)
        .then(function(res) {
          if (isLoading) {
            loading.close();
          }
          if (res.data.code === 200) {
            resolve(res.data.data);
          } else {
            reject(res.data.message);
          }
        })
        .catch(function(err) {
          if (isLoading) {
            loading.close();
          }
          // console.warn("Http error Info===>", err);
          Message({
            message: err.message,
            type: "error",
            duration: 2500,
            showClose: true
          });
        });
    }).catch(function(err) {
      Message({
        message: err,
        type: "error",
        duration: 2500,
        showClose: true
      });
    });
  }
};
export default Http;