Encapsulate axios+promise general request function operation

I won't say much nonsense, let's just read the code~

import axios from "axios";
import baseUrl from "../../setBaseUrl";
 = baseUrl;
import { Loading, Message } from "element-ui";
const loadingOptions = {
 lock: true,
 text: "Loading desperately",
 spinner: "el-icon-loading",
 background: "rgba(0, 0, 0, 0.7)"
};
if () {
 ["x-token"] = ;
}
const Http = {
 get: function(url: string, data: any, isLoading: boolean) {
  if () {
   ["x-token"] = ;
  }
  let loading: any;
  if (isLoading) {
   loading = (loadingOptions);
  }
  return new Promise&lt;any&gt;((resolve, reject) =&gt; {
   axios
    .get(url, { params: data })
    .then(function(res) {
     if (isLoading) {
      ();
     }
     if ( === 200) {
      resolve();
     } else {
      // ("Http error Info ===&gt; ", );
      reject();
     }
    })
    .catch(function(err) {
     if (isLoading) {
      ();
     }
     // ("Http error Info ===&gt; ", err);
     Message({
      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 () {
   ["x-token"] = ;
  }
  let loading: any;
  if (isLoading) {
   loading = (loadingOptions);
  }
  return new Promise&lt;any&gt;((resolve, reject) =&gt; {
   axios
    .post(url, data)
    .then(function(res) {
     if (isLoading) {
      ();
     }
     if ( === 200) {
      resolve();
     } else {
      reject();
     }
    })
    .catch(function(err) {
     if (isLoading) {
      ();
     }
     // ("Http error Info===&gt;", err);
     Message({
      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 () {
   ["x-token"] = ;
  }
  let loading: any;
  if (isLoading) {
   loading = (loadingOptions);
  }
  return new Promise&lt;any&gt;((resolve, reject) =&gt; {
   axios
    .put(url, data)
    .then(function(res) {
     if (isLoading) {
      ();
     }
     if ( === 200) {
      resolve();
     } else {
      reject();
     }
    })
    .catch(function(err) {
     if (isLoading) {
      ();
     }
     // ("Http error Info===&gt;", err);
     Message({
      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 () {
   ["x-token"] = ;
  }
  let loading: any;
  if (isLoading) {
   loading = (loadingOptions);
  }
  return new Promise&lt;any&gt;((resolve, reject) =&gt; {
   axios
    .delete(url, data)
    .then(function(res) {
     if (isLoading) {
      ();
     }
     if ( === 200) {
      resolve();
     } else {
      reject();
     }
    })
    .catch(function(err) {
     if (isLoading) {
      ();
     }
     // ("Http error Info===&gt;", err);
     Message({
      message: ,
      type: "error",
      duration: 2500,
      showClose: true
     });
    });
  }).catch(function(err) {
   Message({
    message: err,
    type: "error",
    duration: 2500,
    showClose: true
   });
  });
 }
};
export default Http;

Supplementary knowledge:vuex refresh page is the store being updated. How to solve the problem of data backup?

The method I use is very simple. In the life cycle function created, listen to the page refresh. When the page is refreshed, store the store's data in the sessionStorage in time. After the refresh is completed, you can take out the data in the sessionStorage for use.

created () { //Page refresh store data backup  if () {
   this.$("/data");
  }else {
   this.$("/");
  }
  if (("store") ) { //Read the status information in sessionStorage when the page is loading    this.$(({}, this.$,(("store"))))
  }
  ("beforeunload",()=&gt;{ //Save the information in vuex to sessionStorage when the page is refreshed    ("store",(this.$))
  })
 },

The above article encapsulated axios+promise general request function operation is all the content I share with you. I hope you can give you a reference and I hope you can support me more.