axios请求封装

axios请求封装

import Axios from "axios";

let axios = Axios.create({
    baseURL: 'xxxxxxxxxx',
    timeout: 15000  // 毫秒
})

//请求拦截器
axios.interceptors.request.use(config => {
    // 在发送请求前
    let token = 'xxxxxxxxx'
        ...
    return config
}, err => {
    // 在请求错误时
    return Promise.reject(err)
})
//响应拦截器
axios.interceptors.reponse.use(res => {
    // 请求成功
    ...
    return res
}, err => {
    // 在请求错误时
    return Promise.reject(err)
})
/**
 * get请求
 * url [请求的url地址]
 *  params [请求时携带的参数] Object
 */
export function get(url, params) {
  return new Promise((resolve, reject) => {
    axios
      .get(url, {
        params: params,
      })
      .then(res => checkLogin(res))
      .then(res => {
        resolve(res);
      })
      .catch(err => {
        reject(err);
      });
  });
}

/**
 * post请求
 * url [请求的url地址] String
 * params [请求时携带的参数] Object
 */
export function post(url, params, contentType) {
  return new Promise((resolve, reject) => {
    axios
      .post(url, params, {
        headers: {
          "Content-Type": contentType ? contentType : "application/json",
        },
      })
      .then(res => checkLogin(res))
      .then(res => {
        if (res.data.code == 0) {
          resolve(res);
        } else {
          console.log(res);
        }
      })
      .catch(err => {
        reject(err);
      });
  });
}

/**
 * put请求
 * url [请求的url地址] String
 * params [请求时携带的参数] Object
 */
export function put(url, params) {
  return new Promise((resolve, reject) => {
    axios
      .put(url, params)
      .then(res => checkLogin(res))
      .then(res => {
        resolve(res);
      })
      .catch(err => {
        reject(err);
        alert("加载失败");
      });
  });
}

/**
 * delete
 * url [请求的url地址] String
 * params [请求时携带的参数] Object
 */
export function deletedata(url, params) {
  return new Promise((resolve, reject) => {
    axios
      .delete(url, params)
      .then(res => checkLogin(res))
      .then(res => {
        resolve(res);
      })
      .catch(err => {
        reject(err);
        alert("加载失败");
      });
  });
}

//统一判断请求状态
function checkLogin(res) {
  if (res.data.code === 401) {
    return false;
  } else if (res.data.code === 403) {
    alert("权限不足");
    return false;
  } else if (res.data.code === 500) {
    alert("服务器错误");
    return false;
  } else {
    return res;
  }
}