vue 封装axios

女爷i 2022-04-10 06:28 269阅读 0赞

import axios from "axios";
    axios.defaults.headers.common["Content-Type"] ="application/json; charset=UTF-8";
    axios.defaults.headers.common["clientType"] = "H5";
    axios.defaults.withCredentials = false;
    axios.defaults.baseURL = "";//根据你的接口域名，可以写死也可以写成动态
    const asyncRequest = {
        /** get 请求
       * @param  {接口地址} url
       * @param  {请求参数} params
       */
      get: function(url,params){
        return new Promise((resolve) => {
          axios.get(url,{
            params:params
          })
          .then((response) => {
            if(response){
              if(response.status === 200 || response.status === 304){
                resolve({
                  status: 0,
                  msg: "request ok",
                  responseData: response.data
                });
              }else {
                resolve({
                  status: response.status,
                  msg: response.statusText,
                  responseData: response.data
                });
              }
            }else{
              resolve({
                status: -1,
                msg: "no response",
                responseData: null
              });
            }
          })
          .catch((error) => {
            resolve({
              status: -2,
              msg: "request error",
              responseData: error
            });
          });
        })
      },
      /** post 请求
       * @param  {接口地址} url
       * @param  {请求参数} params
       */
      post: function(url,params){
        return new Promise((resolve) => {
          axios.post(url,params)
          .then((response) => {
            if(response){
              if(response.status === 200 || response.status === 304){
                resolve({
                  status: 0,
                  msg: "request ok",
                  responseData: response.data
                });
              }else {
                resolve({
                  status: response.status,
                  msg: response.statusText,
                  responseData: response.data
                });
              }
            }else{
              resolve({
                status: -1,
                msg: "no response",
                responseData: null
              });
            }
          })
          .catch((error) => {
            resolve({
              status: -2,
              msg: "request error",
              responseData: error
            });
          });
        })
      },
    }
    
    export default asyncRequest;//暴露该方法