axios get、post、put、delete、patch请求封装

axios get、post、put、delete、patch请求的封装

封装好后 直接补充路径和请求参数直接用就好了

下面是封装的方法：

import axios from "./axios";

function handleFetchGet(url) {
  return new Promise((resolve, reject) => {
    axios
      .get(url)
      .then(response => {
        if (response) {
          resolve(response.data);
        }
      })
      .catch(error => {
        reject(error);
      });
  });
}

function handleFetchPostJson(url, dataParams) {
  return new Promise((resolve, reject) => {
    axios
      .post(url, dataParams, {
        headers: {
          "Content-Type": "application/json; charset=UTF-8"
        }
      })
      .then(response => {
        if (response) {
          resolve(response.data);
        }
      })
      .catch(err => {
        reject(err);
      });
  });
}

function handleFetchPut(url, dataParams) {
  return new Promise((resolve, reject) => {
    axios
      .put(url, dataParams)
      .then(response => {
        if (response) {
          resolve(response.data);
        }
      })
      .catch(error => {
        reject(error);
      });
  });
}

function handleFetchDelete(url, dataParams) {
  return new Promise((resolve, reject) => {
    axios
      .delete(url, {
        data: dataParams
      })
      .then(response => {
        if (response) {
          resolve(response.data);
        }
      })
      .catch(err => {
        reject(err);
      });
  });
}

function handleFetchPatchJson(url, dataParams) {
  return new Promise((resolve, reject) => {
    axios
      .patch(url, dataParams, {
        headers: {
          "Content-Type": "application/json; charset=UTF-8"
        }
      })
      .then(response => {
        if (response) {
          resolve(response.data);
        }
      })
      .catch(err => {
        reject(err);
      });
  });
}

export {
  handleFetchGet,
  handleFetchPut,
  handleFetchPostJson,
  handleFetchDelete,
  handleFetchPatchJson
};

用法：

  handleFetchGet("这里放请求的路径").then((res) => {
      if (res.code == 2000) {
       console.log("请求成功")
      }
    });
 

  handleFetchPostJson("请求路径", {
      参数
    }).then((res) => {
      if (res.code == 2000) {
        console.log("请求成功")
      }
    });

用法例子：

照葫芦画瓢阿！！！